GlassToolbar class

A glass morphism toolbar following Apple's iOS 26 design patterns.

GlassToolbar provides a sophisticated bottom toolbar for actions, utilizing the liquid glass material. It is typically used at the bottom of the screen to present a set of actions relevant to the current context.

Unlike GlassTabBar.bottom which is for navigation, GlassToolbar is for actions (e.g., "Edit", "Share", "Delete").

Key Features

• Liquid Glass Material: Translucent, blurring background that floats over content.
• Flexible Layout: Supports any children, typically GlassButtons.
• Customizable: Control height, alignment, and glass settings.
• iOS 26 Compliance: Matches the visual style of system toolbars.

Usage

Basic Usage

Scaffold(
  body: Container(), // Your content
  bottomNavigationBar: GlassToolbar(
    children: [
      GlassButton.icon(
        icon: CupertinoIcons.share,
        onTap: () {},
        label: 'Share',
      ),
      const Spacer(), // Use Spacer for layout control
      GlassButton.icon(
        icon: CupertinoIcons.add,
        onTap: () {},
        label: 'Add',
      ),
    ],
  ),
)

Custom Alignment

GlassToolbar(
  alignment: MainAxisAlignment.spaceAround,
  children: [
    // ... buttons
  ],
)