ayushyaandClaude Sonnet 5
58312511c5
Build APK / build (push) Successful in 5m30s
New Settings > Appearance toggle moves Search into the bottom bar and out of the top bar, so there's only one search entry point on screen. Tapping it pushes SearchView same as before - it's never highlighted, since it isn't a real destination. - Attached: Search becomes the row's last item, styled like any other tab but permanently idle. - Floating: Search gets its own separate, always fully round satellite circle beside the bar instead. Enabling it costs one regular tab: SettingsController.maxVisibleTabs is now a dynamic getter (defaultMaxVisibleTabs - 1 while the toggle is on) instead of the old flat constant, re-enforced immediately if the user already has all 5 slots filled - the same cleanup path used for a fresh install or an app update that added a new tab. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
76 lines
2.7 KiB
Dart
76 lines
2.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
|
import '../models/app_tab.dart';
|
|
import 'create_menu.dart';
|
|
import 'noo/nav/noo_top_bar.dart';
|
|
import 'shell/shell_common.dart';
|
|
|
|
/// The shell's mobile top bar (DESIGN_SYSTEM.md 3, "Mobile"): every regular
|
|
/// tab now gets the same chrome (this used to only wrap Files - the other
|
|
/// tabs built their own via `SyncedHeaderScaffold`, which the rework drops).
|
|
/// Built on [NooTopBar]:
|
|
///
|
|
/// - iOS: `menu` leading, `plus` (Files only - no tab besides Files has a
|
|
/// create/upload flow) and the account avatar trailing, then the large
|
|
/// title, then an inline search field that opens [SearchView].
|
|
/// - Android: `menu`, title, `search` and avatar actions. Upload has no
|
|
/// top-bar icon here - it's the [NooFab] `MainShellView` shows instead.
|
|
///
|
|
/// [style] is resolved by the caller (`NooLayout.navStyle`) rather than
|
|
/// read from context here, since [preferredSize] is a plain getter with no
|
|
/// BuildContext - the same reason [NooTopBar] itself takes it as a field.
|
|
/// [searchInBottomBar] is [SettingsController.searchInBottomBar], passed in
|
|
/// for the same reason: it hides this bar's own search field/icon so
|
|
/// there's only ever one search entry point on screen once the bottom bar
|
|
/// has taken it over.
|
|
class AppTopBar extends StatelessWidget implements PreferredSizeWidget {
|
|
final NooNavStyle style;
|
|
final AppTab tab;
|
|
final bool searchInBottomBar;
|
|
|
|
const AppTopBar({
|
|
super.key,
|
|
required this.style,
|
|
required this.tab,
|
|
this.searchInBottomBar = false,
|
|
});
|
|
|
|
bool get _ios => style == NooNavStyle.ios;
|
|
bool get _showSearch => !searchInBottomBar;
|
|
|
|
@override
|
|
Size get preferredSize => NooTopBar(
|
|
style: style,
|
|
title: tab.label,
|
|
// A throwaway placeholder purely to make preferredSize's "is there a
|
|
// search slot" check match what build() actually shows - never
|
|
// inserted into the tree, so its content doesn't matter.
|
|
search: _ios && _showSearch ? const SizedBox.shrink() : null,
|
|
).preferredSize;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return NooTopBar(
|
|
style: style,
|
|
title: tab.label,
|
|
onMenu: () => Scaffold.of(context).openDrawer(),
|
|
actions: [
|
|
if (!_ios && _showSearch)
|
|
NooTopBarButton(
|
|
icon: LucideIcons.search,
|
|
tooltip: 'Search',
|
|
onTap: () => openSearch(context),
|
|
),
|
|
if (_ios && tab == AppTab.files)
|
|
NooTopBarButton(
|
|
icon: LucideIcons.plus,
|
|
tooltip: 'Create',
|
|
onTap: () => showCreateMenu(context),
|
|
),
|
|
ShellAvatarButton(hitBox: _ios ? 44 : 48),
|
|
],
|
|
search: _ios && _showSearch ? const ShellSearchLauncher(ios: true) : null,
|
|
);
|
|
}
|
|
}
|