OudsBottomBar class

Reference design version: 1.0.0

A platform-adaptive OUDS bottom bar.

This widget renders:

• OudsTabBar on iOS (backed by Cupertino's CupertinoTabBar),
• OudsNavigationBar on Android (backed by the Material 3 NavigationBar).

It provides a single, shared API so consumers don't have to branch on platform.

Parameters:

• destinations: The list of OudsNavigationBarItem displayed in the bar. These are forwarded to either OudsTabBar or OudsNavigationBar.
• selectedIndex: The currently selected destination index. This controls which item is highlighted as active.
• translucent: When true, the underlying implementation renders a translucent (blurred) background; otherwise it renders an opaque background.
• onDestinationSelected: Called with the tapped destination index. If null, the bar is considered disabled.

Example usage:

Using OudsBottomBar:

 OudsBottomBar(
    destinations: [
      OudsNavigationBarItem(icon: 'assets/home.svg', label: 'Home'),
      OudsNavigationBarItem(icon: 'assets/search.svg', label: 'Search'),
    ],
    selectedIndex: selectedIndex,
    onDestinationSelected: (index) => setState(() => selectedIndex = index),
),

Using the alias OudsBottomNavigationBar:

 OudsBottomNavigationBar(
    destinations: [
      OudsNavigationBarItem(icon: 'assets/home.svg', label: 'Home'),
      OudsNavigationBarItem(icon: 'assets/search.svg', label: 'Search'),
    ],
    selectedIndex: selectedIndex,
    onDestinationSelected: (index) => setState(() => selectedIndex = index),
  ),