Ayushya AmitabhandClaude Sonnet 5.5
944b87b054
Translucent fill over a backdrop blur, both platforms and both bar styles. Frosted bars draw over an extended body, so the shell's extendBody and the tab clearance now key off NooBottomBar.drawsBehindBody. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
55 lines
1.8 KiB
Dart
55 lines
1.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
|
import '../models/app_tab.dart';
|
|
import 'noo/nav/noo_bottom_bar.dart';
|
|
|
|
/// Adapts the app's [AppTab] model onto [NooBottomBar]'s generic
|
|
/// [NooNavDestination] list, so `MainShellView` only deals in tabs and
|
|
/// doesn't need to import `noo/nav` itself. [selectedIndex] may be -1 (no
|
|
/// destination highlighted) when the shell is showing a tab opened from the
|
|
/// drawer's "More" list that isn't one of the pinned [tabs].
|
|
///
|
|
/// [onSearchTap] (from Settings' "Search in bottom bar") adds the Search
|
|
/// entry [NooBottomBar] itself knows how to place (row's last item when
|
|
/// attached, its own satellite when floating) - null leaves the bar
|
|
/// exactly as before.
|
|
class BottomNavBar extends StatelessWidget {
|
|
final NooNavStyle style;
|
|
final NooBottomBarStyle barStyle;
|
|
final bool frosted;
|
|
final List<AppTab> tabs;
|
|
final int selectedIndex;
|
|
final ValueChanged<int> onDestinationSelected;
|
|
final VoidCallback? onSearchTap;
|
|
|
|
const BottomNavBar({
|
|
super.key,
|
|
required this.style,
|
|
this.barStyle = NooBottomBarStyle.attached,
|
|
this.frosted = false,
|
|
required this.tabs,
|
|
required this.selectedIndex,
|
|
required this.onDestinationSelected,
|
|
this.onSearchTap,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return NooBottomBar(
|
|
style: style,
|
|
barStyle: barStyle,
|
|
frosted: frosted,
|
|
destinations: [
|
|
for (final tab in tabs)
|
|
NooNavDestination(icon: tab.icon, label: tab.label),
|
|
],
|
|
selectedIndex: selectedIndex,
|
|
onSelected: onDestinationSelected,
|
|
searchDestination: onSearchTap == null
|
|
? null
|
|
: const NooNavDestination(icon: LucideIcons.search, label: 'Search'),
|
|
onSearchTap: onSearchTap,
|
|
);
|
|
}
|
|
}
|