ViewSwitcherBar

A view switcher action bar.

<picture> <source srcset="view-switcher-bar-dark.png" media="(prefers-color-scheme: dark)"> <img src="view-switcher-bar.png" alt="view-switcher-bar"> </picture>

An action bar letting you switch between multiple views contained in a [class@ViewStack], via an [class@ViewSwitcher]. It is designed to be put at the bottom of a window and to be revealed only on really narrow windows, e.g. on mobile phones. It can't be revealed if there are less than two pages.

`AdwViewSwitcherBar` is intended to be used together with [class@ViewSwitcherTitle].

A common use case is to bind the [property@ViewSwitcherBar:reveal] property to [property@ViewSwitcherTitle:title-visible] to automatically reveal the view switcher bar when the title label is displayed in place of the view switcher, as follows:

```xml <object class="GtkWindow"> <property name="titlebar"> <object class="AdwHeaderBar"> <property name="centering-policy">strict</property> <property name="title-widget"> <object class="AdwViewSwitcherTitle" id="title"> <property name="stack">stack</property> </object> </property> </object> </property > <property> <object class="GtkBox"> <property name="orientation">vertical</property> <child> < object class="AdwViewStack" id="stack"/> </child> <child> <object class="AdwViewSwitcherBar"> <property name="stack">stack</property> <binding name="reveal"> <lookup name="title-visible">title</lookup> < /binding> </object> </child> </object> </property> </object> ```

CSS nodes

`AdwViewSwitcherBar` has a single CSS node with name` viewswitcherbar`.