MrBlake/MrbWebLibre
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

add fab insets avoid overlapping

Browse Source
This commit is contained in:
Fabian Freund
2026-02-22 17:30:52 +01:00
parent b14638e7dd
commit 5230d3cb6b
12 changed files with 340 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/lib/features/bangs/presentation/screens/user.dart
+4
View File
@@ -29,6 +29,7 @@ import 'package:weblibre/features/bangs/domain/providers/bangs.dart';
import 'package:weblibre/features/bangs/domain/repositories/data.dart'; import 'package:weblibre/features/bangs/domain/repositories/data.dart';
import 'package:weblibre/features/bangs/presentation/widgets/bang_details.dart'; import 'package:weblibre/features/bangs/presentation/widgets/bang_details.dart';
import 'package:weblibre/presentation/widgets/failure_widget.dart'; import 'package:weblibre/presentation/widgets/failure_widget.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class UserBangs extends HookConsumerWidget { class UserBangs extends HookConsumerWidget {
static const _userGroupFilter = [BangGroup.user]; static const _userGroupFilter = [BangGroup.user];
@@ -45,6 +46,9 @@ class UserBangs extends HookConsumerWidget {
skipLoadingOnReload: true, skipLoadingOnReload: true,
data: (bangs) { data: (bangs) {
return ListView.builder( return ListView.builder(
padding: EdgeInsets.only(
bottom: floatingActionButtonBottomInset(context),
),
itemCount: bangs.length, itemCount: bangs.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final bang = bangs[index]; final bang = bangs[index];
app/lib/features/geckoview/features/browser/presentation/dialogs/tab_tree.dart
+47 -39
View File
@@ -33,6 +33,7 @@ import 'package:weblibre/features/geckoview/domain/providers/selected_tab.dart';
import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tab_view/tab_preview.dart'; import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tab_view/tab_preview.dart';
import 'package:weblibre/features/geckoview/features/tabs/domain/providers.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/providers.dart';
import 'package:weblibre/features/user/domain/repositories/general_settings.dart'; import 'package:weblibre/features/user/domain/repositories/general_settings.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
import 'package:weblibre/utils/ui_helper.dart'; import 'package:weblibre/utils/ui_helper.dart';
class TabTreeDialog extends HookConsumerWidget { class TabTreeDialog extends HookConsumerWidget {
@@ -108,47 +109,54 @@ class TabTreeDialog extends HookConsumerWidget {
extendBodyBehindAppBar: true, extendBodyBehindAppBar: true,
body: Skeletonizer( body: Skeletonizer(
enabled: !tabs.hasValue || tabs.value?.isEmpty == true, enabled: !tabs.hasValue || tabs.value?.isEmpty == true,
child: Skeleton.replace( child: Padding(
replacement: const Bone.square(), padding: EdgeInsets.only(
child: GraphView.builder( bottom: floatingActionButtonBottomInset(context),
graph: graph, ),
algorithm: graphAlgo, child: Skeleton.replace(
controller: graphViewController, replacement: const Bone.square(),
initialNode: selectedTabId.mapNotNull((tabId) => ValueKey(tabId)), child: GraphView.builder(
paint: Paint() graph: graph,
..color = Theme.of(context).colorScheme.outline algorithm: graphAlgo,
..strokeWidth = 1 controller: graphViewController,
..style = PaintingStyle.stroke, initialNode: selectedTabId.mapNotNull(
builder: (Node node) { (tabId) => ValueKey(tabId),
final id = node.key!.value as String; ),
return SizedBox.fromSize( paint: Paint()
size: childSize, ..color = Theme.of(context).colorScheme.outline
child: SingleGridTabPreview( ..strokeWidth = 1
key: ValueKey(id), ..style = PaintingStyle.stroke,
tabId: id, builder: (Node node) {
activeTabId: selectedTabId, final id = node.key!.value as String;
onClose: () { return SizedBox.fromSize(
final tabViewBottomSheet = ref size: childSize,
.read(generalSettingsWithDefaultsProvider) child: SingleGridTabPreview(
.tabViewBottomSheet; key: ValueKey(id),
tabId: id,
activeTabId: selectedTabId,
onClose: () {
final tabViewBottomSheet = ref
.read(generalSettingsWithDefaultsProvider)
.tabViewBottomSheet;
if (tabViewBottomSheet) { if (tabViewBottomSheet) {
ref ref
.read(bottomSheetControllerProvider.notifier) .read(bottomSheetControllerProvider.notifier)
.requestDismiss(); .requestDismiss();
} }
const BrowserRoute().go(context); const BrowserRoute().go(context);
}, },
onBeforeDelete: () { onBeforeDelete: () {
if (graph.nodes.length <= 2) { if (graph.nodes.length <= 2) {
context.pop(); context.pop();
} }
}, },
sourceSearchQuery: null, sourceSearchQuery: null,
), ),
); );
}, },
),
), ),
), ),
), ),
app/lib/features/geckoview/features/browser/presentation/screens/tab_view.dart
+54 -55
View File
@@ -28,7 +28,7 @@ import 'package:weblibre/features/geckoview/features/browser/presentation/widget
import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tab_view/tab_tree_view.dart'; import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tab_view/tab_tree_view.dart';
import 'package:weblibre/features/sync/domain/repositories/sync.dart'; import 'package:weblibre/features/sync/domain/repositories/sync.dart';
import 'package:weblibre/features/user/domain/repositories/general_settings.dart'; import 'package:weblibre/features/user/domain/repositories/general_settings.dart';
import 'package:weblibre/presentation/hooks/scroll_visibility.dart'; import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class TabViewScreen extends HookConsumerWidget { class TabViewScreen extends HookConsumerWidget {
const TabViewScreen({super.key}); const TabViewScreen({super.key});
@@ -50,68 +50,67 @@ class TabViewScreen extends HookConsumerWidget {
final scrollController = useScrollController(keys: [tabsReorderable]); final scrollController = useScrollController(keys: [tabsReorderable]);
// Track FAB visibility based on scroll direction
final isFabVisible = useScrollVisibility(scrollController);
return Dialog.fullscreen( return Dialog.fullscreen(
child: Scaffold( child: Scaffold(
body: SafeArea( body: SafeArea(
child: switch (effectiveTabsViewMode) { child: Builder(
TabsViewMode.list => ViewTabListWidget( builder: (safeAreaContext) {
key: ValueKey(tabsReorderable), return Padding(
scrollController: scrollController, padding: EdgeInsets.only(
tabsReorderable: tabsReorderable, bottom: isSyncedScope
showNewTabFab: false, ? 0
onClose: () { : floatingActionButtonBottomInset(safeAreaContext),
const BrowserRoute().go(context); ),
}, child: switch (effectiveTabsViewMode) {
), TabsViewMode.list => ViewTabListWidget(
TabsViewMode.grid => ViewTabGridWidget( key: ValueKey(tabsReorderable),
key: ValueKey(tabsReorderable), scrollController: scrollController,
scrollController: scrollController, tabsReorderable: tabsReorderable,
tabsReorderable: tabsReorderable, showNewTabFab: false,
showNewTabFab: false, onClose: () {
onClose: () { const BrowserRoute().go(context);
const BrowserRoute().go(context); },
}, ),
), TabsViewMode.grid => ViewTabGridWidget(
TabsViewMode.tree => ViewTabTreesWidget( key: ValueKey(tabsReorderable),
scrollController: scrollController, scrollController: scrollController,
showNewTabFab: false, tabsReorderable: tabsReorderable,
onClose: () { showNewTabFab: false,
const BrowserRoute().go(context); onClose: () {
}, const BrowserRoute().go(context);
), },
}, ),
TabsViewMode.tree => ViewTabTreesWidget(
scrollController: scrollController,
showNewTabFab: false,
onClose: () {
const BrowserRoute().go(context);
},
),
},
);
},
),
), ),
floatingActionButton: isSyncedScope floatingActionButton: isSyncedScope
? null ? null
: AnimatedSlide( : FloatingActionButton(
duration: const Duration(milliseconds: 200), onPressed: () async {
offset: isFabVisible.value ? Offset.zero : const Offset(0, 2), final settings = ref.read(
curve: Curves.easeInOut, generalSettingsWithDefaultsProvider,
child: AnimatedOpacity( );
duration: const Duration(milliseconds: 200),
opacity: isFabVisible.value ? 1.0 : 0.0,
child: FloatingActionButton(
onPressed: () async {
final settings = ref.read(
generalSettingsWithDefaultsProvider,
);
await SearchRoute( await SearchRoute(
tabType: tabType:
ref.read(selectedTabTypeProvider) ?? ref.read(selectedTabTypeProvider) ??
settings.defaultCreateTabType, settings.defaultCreateTabType,
).push(context); ).push(context);
if (context.mounted) { if (context.mounted) {
const BrowserRoute().go(context); const BrowserRoute().go(context);
} }
}, },
child: const Icon(Icons.add), child: const Icon(Icons.add),
),
),
), ),
), ),
); );
app/lib/features/geckoview/features/browser/presentation/widgets/tab_view/tab_grid_view.dart
+15 -4
View File
@@ -47,6 +47,7 @@ import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/co
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab.dart';
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab_search.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab_search.dart';
import 'package:weblibre/features/user/domain/repositories/general_settings.dart'; import 'package:weblibre/features/user/domain/repositories/general_settings.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class _TabDraggable extends HookConsumerWidget { class _TabDraggable extends HookConsumerWidget {
final TabEntity entity; final TabEntity entity;
@@ -538,10 +539,20 @@ class ViewTabGridWidget extends HookConsumerWidget {
), ),
), ),
], ],
body: _TabGridView( body: Padding(
scrollController: scrollController, padding: EdgeInsets.only(
tabsReorderable: tabsReorderable, bottom: showNewTabFab
onClose: onClose, ? floatingActionButtonBottomInset(
context,
fabHeight: smallFloatingActionButtonHeight,
)
: 0,
),
child: _TabGridView(
scrollController: scrollController,
tabsReorderable: tabsReorderable,
onClose: onClose,
),
), ),
), ),
if (showNewTabFab) if (showNewTabFab)
app/lib/features/geckoview/features/browser/presentation/widgets/tab_view/tab_list_view.dart
+15 -4
View File
@@ -46,6 +46,7 @@ import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/ta
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab_search.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab_search.dart';
import 'package:weblibre/features/sync/domain/repositories/sync.dart'; import 'package:weblibre/features/sync/domain/repositories/sync.dart';
import 'package:weblibre/features/user/domain/repositories/general_settings.dart'; import 'package:weblibre/features/user/domain/repositories/general_settings.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class _TabDraggable extends HookConsumerWidget { class _TabDraggable extends HookConsumerWidget {
final TabEntity entity; final TabEntity entity;
@@ -567,10 +568,20 @@ class ViewTabListWidget extends HookConsumerWidget {
), ),
), ),
], ],
body: _TabListView( body: Padding(
scrollController: scrollController, padding: EdgeInsets.only(
tabsReorderable: tabsReorderable, bottom: (showNewTabFab && !isSyncedScope)
onClose: onClose, ? floatingActionButtonBottomInset(
context,
fabHeight: smallFloatingActionButtonHeight,
)
: 0,
),
child: _TabListView(
scrollController: scrollController,
tabsReorderable: tabsReorderable,
onClose: onClose,
),
), ),
), ),
if (showNewTabFab && !isSyncedScope) if (showNewTabFab && !isSyncedScope)
app/lib/features/geckoview/features/browser/presentation/widgets/tab_view/tab_tree_view.dart
+9 -1
View File
@@ -38,6 +38,7 @@ import 'package:weblibre/features/geckoview/features/tabs/domain/providers/selec
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab.dart';
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab_search.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab_search.dart';
import 'package:weblibre/features/user/domain/repositories/general_settings.dart'; import 'package:weblibre/features/user/domain/repositories/general_settings.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
import 'package:weblibre/utils/ui_helper.dart' as ui_helper; import 'package:weblibre/utils/ui_helper.dart' as ui_helper;
class _TabTreePreview extends HookConsumerWidget { class _TabTreePreview extends HookConsumerWidget {
@@ -280,7 +281,14 @@ class ViewTabTreesWidget extends HookConsumerWidget {
padding: const EdgeInsets.symmetric(horizontal: 4.0), padding: const EdgeInsets.symmetric(horizontal: 4.0),
child: GridView.builder( child: GridView.builder(
controller: scrollController, controller: scrollController,
padding: EdgeInsets.zero, padding: EdgeInsets.only(
bottom: showNewTabFab
? floatingActionButtonBottomInset(
context,
fabHeight: smallFloatingActionButtonHeight,
)
: 0,
),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//Sync values for itemHeight calculation _calculateItemHeight //Sync values for itemHeight calculation _calculateItemHeight
childAspectRatio: 0.75, childAspectRatio: 0.75,
app/lib/features/geckoview/features/tabs/presentation/screens/container_draft_suggestions.dart
+140 -126
View File
@@ -36,6 +36,7 @@ import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/co
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/gecko_inference.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/gecko_inference.dart';
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/tab.dart';
import 'package:weblibre/presentation/widgets/failure_widget.dart'; import 'package:weblibre/presentation/widgets/failure_widget.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
import 'package:weblibre/presentation/widgets/selectable_chips.dart'; import 'package:weblibre/presentation/widgets/selectable_chips.dart';
class ContainerDraftSuggestionsScreen extends HookConsumerWidget { class ContainerDraftSuggestionsScreen extends HookConsumerWidget {
@@ -55,140 +56,153 @@ class ContainerDraftSuggestionsScreen extends HookConsumerWidget {
return Scaffold( return Scaffold(
appBar: AppBar(title: const Text('Draft Containers')), appBar: AppBar(title: const Text('Draft Containers')),
body: SafeArea( body: SafeArea(
child: Padding( child: Builder(
padding: const EdgeInsets.symmetric(horizontal: 8.0), builder: (safeAreaContext) {
child: suggestionsAsync.when( return Padding(
skipLoadingOnReload: true, padding: const EdgeInsets.symmetric(horizontal: 8.0),
data: (suggestions) { child: suggestionsAsync.when(
final screenWidth = MediaQuery.of(context).size.width; skipLoadingOnReload: true,
data: (suggestions) {
final screenWidth = MediaQuery.of(context).size.width;
final crossAxisCount = useMemoized(() { final crossAxisCount = useMemoized(() {
final calculatedCount = calculateCrossAxisItemCount( final calculatedCount = calculateCrossAxisItemCount(
screenWidth: screenWidth, screenWidth: screenWidth,
horizontalPadding: 4.0, horizontalPadding: 4.0,
crossAxisSpacing: 8.0, crossAxisSpacing: 8.0,
); );
return math.max( return math.max(
math.min( math.min(
calculatedCount, calculatedCount,
selectedContainer.value?.tabIds.length ?? 0, selectedContainer.value?.tabIds.length ?? 0,
), ),
2, 2,
); );
}, [screenWidth, selectedContainer.value?.tabIds.length]); }, [screenWidth, selectedContainer.value?.tabIds.length]);
return Column( return Column(
children: [ children: [
SizedBox( SizedBox(
height: 48, height: 48,
child: SelectableChips( child: SelectableChips(
enableDelete: false, enableDelete: false,
sortSelectedFirst: false, sortSelectedFirst: false,
itemId: (container) => container, itemId: (container) => container,
itemAvatar: (container) => itemAvatar: (container) =>
const Icon(MdiIcons.creation, size: 20), const Icon(MdiIcons.creation, size: 20),
itemLabel: (container) => HookConsumer( itemLabel: (container) => HookConsumer(
builder: (context, ref, child) { builder: (context, ref, child) {
final items = useListenableSelector( final items = useListenableSelector(
selectedContainerTabs, selectedContainerTabs,
() => selectedContainerTabs.value[container], () => selectedContainerTabs.value[container],
);
final topic = items.isNotEmpty
? ref.watch(
tabsTopicProvider(EquatableValue(items!)),
)
: AsyncValue.data(container.topic);
return topic.when(
skipLoadingOnReload: true,
data: (topic) => Text(topic ?? 'Untitled'),
error: (error, stackTrace) {
logger.e(
'Failed predicting selected tabs topic',
error: error,
stackTrace: stackTrace,
); );
return Text(container.topic ?? 'Untitled'); final topic = items.isNotEmpty
}, ? ref.watch(
loading: () => tabsTopicProvider(EquatableValue(items!)),
const Skeletonizer(child: Text('Untitled')), )
); : AsyncValue.data(container.topic);
},
),
itemBadgeCount: (container) => container.tabIds.length,
availableItems: suggestions!,
selectedItem: selectedContainer.value,
onSelected: (item) {
selectedContainer.value = item;
},
),
),
const Divider(),
const SizedBox(height: 4),
if (selectedContainer.value != null)
Expanded(
child: GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//Sync values for itemHeight calculation _calculateItemHeight
childAspectRatio: 0.75,
mainAxisSpacing: 8.0,
crossAxisSpacing: 8.0,
crossAxisCount: crossAxisCount,
),
itemCount: selectedContainer.value!.tabIds.length,
itemBuilder: (context, index) {
final tabId = selectedContainer.value!.tabIds[index];
final equatable = selectedContainer.value!;
return (selectedContainerTabs.value[equatable] return topic.when(
?.contains(tabId) == skipLoadingOnReload: true,
true) data: (topic) => Text(topic ?? 'Untitled'),
? GridTabPreview( error: (error, stackTrace) {
tabId: tabId, logger.e(
isActive: false, 'Failed predicting selected tabs topic',
onDelete: () { error: error,
selectedContainerTabs.value = { stackTrace: stackTrace,
...selectedContainerTabs.value, );
equatable: {
...?selectedContainerTabs return Text(container.topic ?? 'Untitled');
.value[equatable], },
}..remove(tabId), loading: () =>
}; const Skeletonizer(child: Text('Untitled')),
}, );
) },
: SuggestedSingleGridTabPreview( ),
tabId: tabId, itemBadgeCount: (container) =>
activeTabId: null, container.tabIds.length,
onTap: () { availableItems: suggestions!,
selectedContainerTabs.value = { selectedItem: selectedContainer.value,
...selectedContainerTabs.value, onSelected: (item) {
equatable: { selectedContainer.value = item;
...?selectedContainerTabs },
.value[equatable], ),
tabId,
},
};
},
);
},
), ),
), const Divider(),
], const SizedBox(height: 4),
); if (selectedContainer.value != null)
}, Expanded(
error: (error, stackTrace) { child: GridView.builder(
return FailureWidget( padding: EdgeInsets.only(
title: 'Failed to create suggestions', bottom: (selectedTabs?.isNotEmpty ?? false)
onRetry: () { ? floatingActionButtonBottomInset(
ref.invalidate(suggestClustersProvider); safeAreaContext,
)
: 0,
),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//Sync values for itemHeight calculation _calculateItemHeight
childAspectRatio: 0.75,
mainAxisSpacing: 8.0,
crossAxisSpacing: 8.0,
crossAxisCount: crossAxisCount,
),
itemCount: selectedContainer.value!.tabIds.length,
itemBuilder: (context, index) {
final tabId =
selectedContainer.value!.tabIds[index];
final equatable = selectedContainer.value!;
return (selectedContainerTabs.value[equatable]
?.contains(tabId) ==
true)
? GridTabPreview(
tabId: tabId,
isActive: false,
onDelete: () {
selectedContainerTabs.value = {
...selectedContainerTabs.value,
equatable: {
...?selectedContainerTabs
.value[equatable],
}..remove(tabId),
};
},
)
: SuggestedSingleGridTabPreview(
tabId: tabId,
activeTabId: null,
onTap: () {
selectedContainerTabs.value = {
...selectedContainerTabs.value,
equatable: {
...?selectedContainerTabs
.value[equatable],
tabId,
},
};
},
);
},
),
),
],
);
}, },
); error: (error, stackTrace) {
}, return FailureWidget(
loading: () => const Center(child: CircularProgressIndicator()), title: 'Failed to create suggestions',
), onRetry: () {
ref.invalidate(suggestClustersProvider);
},
);
},
loading: () => const Center(child: CircularProgressIndicator()),
),
);
},
), ),
), ),
floatingActionButton: (selectedTabs?.isNotEmpty ?? false) floatingActionButton: (selectedTabs?.isNotEmpty ?? false)
app/lib/features/geckoview/features/tabs/presentation/screens/container_list.dart
+7
View File
@@ -33,6 +33,7 @@ import 'package:weblibre/features/geckoview/features/tabs/presentation/widgets/c
import 'package:weblibre/features/tor/presentation/controllers/start_tor_proxy.dart'; import 'package:weblibre/features/tor/presentation/controllers/start_tor_proxy.dart';
import 'package:weblibre/features/tor/presentation/widgets/tor_dialog.dart'; import 'package:weblibre/features/tor/presentation/widgets/tor_dialog.dart';
import 'package:weblibre/presentation/widgets/failure_widget.dart'; import 'package:weblibre/presentation/widgets/failure_widget.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class ContainerListScreen extends HookConsumerWidget { class ContainerListScreen extends HookConsumerWidget {
const ContainerListScreen({super.key}); const ContainerListScreen({super.key});
@@ -53,6 +54,9 @@ class ContainerListScreen extends HookConsumerWidget {
builder: (context, controller) { builder: (context, controller) {
return ListView.builder( return ListView.builder(
controller: controller, controller: controller,
padding: EdgeInsets.only(
bottom: floatingActionButtonBottomInset(context),
),
itemCount: containers.length, itemCount: containers.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final container = containers[index]; final container = containers[index];
@@ -164,6 +168,9 @@ class ContainerListScreen extends HookConsumerWidget {
), ),
), ),
loading: () => ListView.builder( loading: () => ListView.builder(
padding: EdgeInsets.only(
bottom: floatingActionButtonBottomInset(context),
),
itemCount: 3, itemCount: 3,
itemBuilder: (context, index) => ContainerListTile( itemBuilder: (context, index) => ContainerListTile(
ContainerData(id: 'null', color: Colors.transparent), ContainerData(id: 'null', color: Colors.transparent),
app/lib/features/geckoview/features/tabs/presentation/screens/container_selection.dart
+7
View File
@@ -31,6 +31,7 @@ import 'package:weblibre/features/geckoview/features/tabs/domain/providers.dart'
import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/container.dart'; import 'package:weblibre/features/geckoview/features/tabs/domain/repositories/container.dart';
import 'package:weblibre/features/geckoview/features/tabs/presentation/widgets/container_list_tile.dart'; import 'package:weblibre/features/geckoview/features/tabs/presentation/widgets/container_list_tile.dart';
import 'package:weblibre/presentation/widgets/failure_widget.dart'; import 'package:weblibre/presentation/widgets/failure_widget.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class ContainerSelectionScreen extends HookConsumerWidget { class ContainerSelectionScreen extends HookConsumerWidget {
const ContainerSelectionScreen({super.key}); const ContainerSelectionScreen({super.key});
@@ -49,6 +50,9 @@ class ContainerSelectionScreen extends HookConsumerWidget {
builder: (context, controller) { builder: (context, controller) {
return ListView.builder( return ListView.builder(
controller: controller, controller: controller,
padding: EdgeInsets.only(
bottom: floatingActionButtonBottomInset(context),
),
itemCount: containers.length, itemCount: containers.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final container = containers[index]; final container = containers[index];
@@ -71,6 +75,9 @@ class ContainerSelectionScreen extends HookConsumerWidget {
), ),
), ),
loading: () => ListView.builder( loading: () => ListView.builder(
padding: EdgeInsets.only(
bottom: floatingActionButtonBottomInset(context),
),
itemCount: 3, itemCount: 3,
itemBuilder: (context, index) => ContainerListTile( itemBuilder: (context, index) => ContainerListTile(
ContainerData(id: Namespace.nil.value, color: Colors.transparent), ContainerData(id: Namespace.nil.value, color: Colors.transparent),
app/lib/features/user/domain/presentation/screens/profile_list.dart
+4
View File
@@ -26,6 +26,7 @@ import 'package:weblibre/core/filesystem.dart';
import 'package:weblibre/core/routing/routes.dart'; import 'package:weblibre/core/routing/routes.dart';
import 'package:weblibre/features/user/domain/repositories/profile.dart'; import 'package:weblibre/features/user/domain/repositories/profile.dart';
import 'package:weblibre/presentation/widgets/failure_widget.dart'; import 'package:weblibre/presentation/widgets/failure_widget.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class ProfileListScreen extends HookConsumerWidget { class ProfileListScreen extends HookConsumerWidget {
const ProfileListScreen({super.key}); const ProfileListScreen({super.key});
@@ -49,6 +50,9 @@ class ProfileListScreen extends HookConsumerWidget {
body: usersAsync.when( body: usersAsync.when(
skipLoadingOnReload: true, skipLoadingOnReload: true,
data: (profiles) => ListView.builder( data: (profiles) => ListView.builder(
padding: EdgeInsets.only(
bottom: floatingActionButtonBottomInset(context),
),
itemCount: profiles.length, itemCount: profiles.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final profile = profiles[index]; final profile = profiles[index];
app/lib/features/web_feed/presentation/screens/feed_list.dart
+4
View File
@@ -26,6 +26,7 @@ import 'package:weblibre/features/web_feed/domain/providers.dart';
import 'package:weblibre/features/web_feed/presentation/controllers/fetch_articles.dart'; import 'package:weblibre/features/web_feed/presentation/controllers/fetch_articles.dart';
import 'package:weblibre/features/web_feed/presentation/widgets/feed_card.dart'; import 'package:weblibre/features/web_feed/presentation/widgets/feed_card.dart';
import 'package:weblibre/presentation/widgets/failure_widget.dart'; import 'package:weblibre/presentation/widgets/failure_widget.dart';
import 'package:weblibre/presentation/widgets/floating_action_button_inset.dart';
class FeedListScreen extends HookConsumerWidget { class FeedListScreen extends HookConsumerWidget {
const FeedListScreen({super.key}); const FeedListScreen({super.key});
@@ -76,6 +77,9 @@ class FeedListScreen extends HookConsumerWidget {
.fetchAllArticles(); .fetchAllArticles();
}, },
child: ListView.builder( child: ListView.builder(
padding: EdgeInsets.only(
bottom: floatingActionButtonBottomInset(context),
),
itemCount: feeds.length, itemCount: feeds.length,
itemBuilder: (context, i) { itemBuilder: (context, i) {
return FeedCard(feed: feeds[i]); return FeedCard(feed: feeds[i]);
app/lib/presentation/widgets/floating_action_button_inset.dart
+34
View File
@@ -0,0 +1,34 @@
/*
* Copyright (c) 2024-2026 Fabian Freund.
*
* This file is part of WebLibre
* (see https://weblibre.eu).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import 'package:flutter/material.dart';
const standardFloatingActionButtonHeight = kMinInteractiveDimension;
const smallFloatingActionButtonHeight = 40.0;
double floatingActionButtonBottomInset(
BuildContext context, {
double fabHeight = standardFloatingActionButtonHeight,
double extraPadding = 8.0,
}) {
return fabHeight +
kFloatingActionButtonMargin +
MediaQuery.paddingOf(context).bottom +
extraPadding;
}