Merge pull request #53 from krawieck/bottom-bar

This commit is contained in:
Filip Krawczyk 2020-09-21 20:48:35 +02:00 committed by GitHub
commit 64d9065fbd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 51 additions and 1 deletions

View File

@ -7,6 +7,7 @@ import 'package:flutter_mobx/flutter_mobx.dart';
import 'package:provider/provider.dart'; import 'package:provider/provider.dart';
import 'hooks/stores.dart'; import 'hooks/stores.dart';
import 'pages/communities_tab.dart';
import 'pages/profile_tab.dart'; import 'pages/profile_tab.dart';
import 'stores/accounts_store.dart'; import 'stores/accounts_store.dart';
import 'stores/config_store.dart'; import 'stores/config_store.dart';
@ -68,9 +69,17 @@ class MyApp extends HookWidget {
} }
class MyHomePage extends HookWidget { class MyHomePage extends HookWidget {
final List<Widget> pages = [
Center(child: Text('home')), // TODO: home tab
CommunitiesTab(),
Center(child: Text('search')), // TODO: search tab
UserProfileTab(),
];
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final theme = Theme.of(context); final theme = Theme.of(context);
final currentTab = useState(0);
useEffect(() { useEffect(() {
Future.microtask( Future.microtask(
@ -82,6 +91,47 @@ class MyHomePage extends HookWidget {
return null; return null;
}, [theme.scaffoldBackgroundColor]); }, [theme.scaffoldBackgroundColor]);
return UserProfileTab(); var tabCounter = 0;
tabButton(IconData icon) {
final tabNum = tabCounter++;
return IconButton(
icon: Icon(icon),
color: tabNum == currentTab.value ? theme.accentColor : null,
onPressed: () => currentTab.value = tabNum,
);
}
return Scaffold(
extendBody: true,
body: IndexedStack(
index: currentTab.value,
children: pages,
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {}, // TODO: create post
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
bottomNavigationBar: BottomAppBar(
shape: CircularNotchedRectangle(),
notchMargin: 7,
child: Container(
height: 60,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
tabButton(Icons.home),
tabButton(Icons.list),
Container(),
Container(),
tabButton(Icons.search),
tabButton(Icons.person),
],
),
),
),
);
} }
} }