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.
`AdapViewSwitcherBar` is intended to be used together with `AdapViewSwitcher` in a header bar, and a [class@Breakpoint] showing the view
switcher bar on narrow sizes, while removing the view switcher from the header bar, as follows:
```xml <object class="AdapWindow"> <property name="width-request">360</property> <property name="height-request"
>200</property> <child> <object class="AdapBreakpoint"> <condition>max-width: 550sp</condition> <
setter object="switcher_bar" property="reveal">True</setter> <setter object="header_bar" property="title-widget"/> <
/object> </child> <property name="content"> <object class="AdapToolbarView"> <child type="top"> <object
class="AdapHeaderBar" id="header_bar"> <property name="title-widget"> <object class="AdapViewSwitcher"> <property
name="stack">stack</property> <property name="policy">wide</property> </object> </property> <
/object> </child> <property name="content"> <object class="AdapViewStack" id="stack"/> </property> <
child type="bottom"> <object class="AdapViewSwitcherBar" id="switcher_bar"> <property name="stack">stack</property>
</object> </child> </object> </property> </object> ```
It's recommended to set [property@ViewSwitcher:policy] to `ADAP_VIEW_SWITCHER_POLICY_WIDE` in this case.
You may have to adjust the breakpoint condition for your specific pages.
CSS nodes
`AdapViewSwitcherBar` has a single CSS node with name` viewswitcherbar`.
