Lines Matching refs:navigation
9 …navigation tab bar. The following figure shows the page structure. The layout varies according to …
69 …navigation is the most common navigation mode in applications. The bottom navigation bar is locate…
72 **Figure 3** Bottom navigation bar
74 
77 …navigation bar through the **barPosition** parameter of the **Tabs** component. By default, **barP…
90 …navigation comes in handy when there are many content categories and users need to frequently swit…
92 **Figure 4** Top navigation bar
94 
107 …navigation is seldom used in applications. It is more applicable to landscape screens. Because the…
110 **Figure 5** Side navigation bar
112 
115 …navigation bar, set the **vertical** attribute of the **Tabs** component to **true**. By default, …
139 …navigation bar is scrollable. On some pages that require multi-level classification of content, fo…
140 **Figure 6** Restricting the scrolling of the bottom navigation bar
142 
152 // Content on the top navigation bar
170 … navigation bar can be used. For example, it can be used for the bottom navigation bar, which gene…
173 **Figure 7** Fixed navigation bar
175 
178 To use a fixed navigation bar, set the **barMode** attribute of the **Tabs** component to **barMode…
191 …navigation bar or side navigation bar can be set to be scrollable if the screen width cannot fully…
194 **Figure 8** Scrollable navigation bar
196 
199 To use a scrollable navigation bar, set the **barMode** attribute of the **Tabs** component to **Ba…
212 …navigation bar is generally used on the home page of an application. To deliver a more vibrant exp…
215 **Figure 9** Custom navigation bar
217 
220 By default, the system uses an underscore (_) to indicate the active tab. For a custom navigation b…
223 To customize the navigation bar, use the **tabBar** parameter and pass in to it custom function com…
257 Non-custom navigation bars follow the default switching logic. If you are using a custom navigation…