import 'package:flutter/material.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:salomon_bottom_bar/salomon_bottom_bar.dart'; import 'package:fluffychat/config/app_config.dart'; import 'package:fluffychat/pages/chat_list/chat_list.dart'; import 'package:fluffychat/pages/chat_list/spaces_drawer.dart'; import 'package:fluffychat/pages/chat_list/spaces_entry.dart'; import 'package:fluffychat/widgets/avatar.dart'; import 'package:fluffychat/widgets/matrix.dart'; const kSpacesBottomBarHeight = 56.0; class SpacesBottomBar extends StatelessWidget { final ChatListController controller; const SpacesBottomBar(this.controller, {Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Material( color: Theme.of(context).navigationBarTheme.backgroundColor, elevation: 6, borderRadius: const BorderRadius.vertical( top: Radius.circular(AppConfig.borderRadius)), clipBehavior: Clip.hardEdge, child: SafeArea( child: StreamBuilder( stream: Matrix.of(context).client.onSync.stream.where((sync) => (sync.rooms?.join?.values.any((r) => r.state?.any((s) => s.type.startsWith('m.space')) ?? false) ?? false) || (sync.rooms?.leave?.isNotEmpty ?? false)), builder: (context, snapshot) { return SingleChildScrollView( controller: controller.snappingSheetScrollContentController, child: AnimatedBuilder( child: _SpacesBottomNavigation(controller: controller), builder: (context, child) { if (controller.snappingSheetContainerSize == null) { return child!; } final rawPosition = controller.snappingSheetController.currentPosition; final position = rawPosition / controller.snappingSheetContainerSize!.maxHeight; if (rawPosition <= kSpacesBottomBarHeight) { return child!; } else if (position >= 0.5) { return SpacesDrawer(controller: controller); } else { final normalized = (rawPosition - kSpacesBottomBarHeight) / (controller.snappingSheetContainerSize!.maxHeight - kSpacesBottomBarHeight) * 2; var boxHeight = (1 - normalized) * kSpacesBottomBarHeight; if (boxHeight < 0) boxHeight = 0; return Column( children: [ SizedBox( height: boxHeight, child: ClipRect( clipBehavior: Clip.hardEdge, child: Opacity( opacity: 1 - normalized, child: child!)), ), Opacity( opacity: normalized, child: SpacesDrawer(controller: controller), ), ], ); } }, animation: controller.snappingSheetController, ), ); }, ), ), ); } } class _SpacesBottomNavigation extends StatelessWidget { final ChatListController controller; const _SpacesBottomNavigation({Key? key, required this.controller}) : super(key: key); @override Widget build(BuildContext context) { final currentIndex = controller.activeSpaceId == null ? 1 : controller.spaces .indexWhere((space) => controller.activeSpaceId == space.id) + 2; return Container( height: 56, alignment: Alignment.center, child: SingleChildScrollView( scrollDirection: Axis.horizontal, child: SalomonBottomBar( itemPadding: const EdgeInsets.all(8), currentIndex: currentIndex, onTap: (i) => i == 0 ? controller.expandSpaces() : i == 1 ? controller.setActiveSpacesEntry( context, null, ) : controller.setActiveSpacesEntry( context, controller.spacesEntries[i], ), selectedItemColor: Theme.of(context).colorScheme.primary, items: [ SalomonBottomBarItem( icon: const Icon(Icons.keyboard_arrow_up), title: Text(L10n.of(context)!.showSpaces), ), ...controller.spacesEntries .map((space) => _buildSpacesEntryUI(context, space)) .toList(), ], ), ), ); } SalomonBottomBarItem _buildSpacesEntryUI( BuildContext context, SpacesEntry entry) { final space = entry.getSpace(context); if (space != null) { return SalomonBottomBarItem( icon: InkWell( borderRadius: BorderRadius.circular(28), onTap: () => controller.setActiveSpacesEntry( context, entry, ), onLongPress: () => controller.editSpace(context, space.id), child: Avatar( mxContent: space.avatar, name: space.displayname, size: 24, fontSize: 12, ), ), title: Text(entry.getName(context)), ); } return SalomonBottomBarItem( icon: entry.getIcon(false), activeIcon: entry.getIcon(true), title: Text(entry.getName(context)), ); } }