Lines Matching refs:modal

4 Modal transition is a type of transition achieved by a modal – a view that appears on top of the cu…
10 …modal-transition.md#bindcontentcover) | Binds a modal to the component.       | Use this API to di…
20 …bind a full-screen modal to a component through the [bindContentCover](../reference/apis-arkui/ark…
22 1. Define [bindContentCover](../reference/apis-arkui/arkui-ts/ts-universal-attributes-modal-transit…
24 2. Define the modal view.
27    // Use @Builder to build a modal view.
37 3. Call the modal API to display the modal. Implement an animation by using the animation or shared…
40    // Define the state variable to control the visibility of the modal.
44 …// Bind a modal to the component. ModalTransition.NONE means not to use the default transition ani…
54        // Change the state variable to display the modal.
80   // Define the state variable to control the visibility of the modal.
83   // Step 2: Define the modal view.
84   // Use @Builder to build a modal view.
220 ….borderRadius(15)// Bind a modal to the component. ModalTransition.DEFAULT means to use the slide-…
230 …// Step 3: Call the modal API to display the modal. Implement an animation by using the animation …
231             // Change the state variable to display the modal.
249 …e as that of creating a modal transition using [bindContentCover](../reference/apis-arkui/arkui-ts…
530 In addition to the preceding modal transition APIs, you can also use the **if** syntax to create a …
550     // Step 2: Define a stack layout to display the current view and modal view.
613               // Step 3: Change the state variable to display the modal view.
626 … Step 4: Define the modal view in if and display it at the top layer. Use if to control the appear…
706         // Step 5: Define the mode in which the modal view disappears.