1
0
mirror of https://gitlab.com/comunic/comunicmobile synced 2024-11-22 04:49:21 +00:00

Added bottom navigation to home route

This commit is contained in:
Pierre HUBERT 2019-04-23 11:08:38 +02:00
parent 32fa6455f4
commit 07d668eb59
2 changed files with 94 additions and 3 deletions

View File

@ -1,12 +1,90 @@
import 'package:comunic/ui/tiles/CustomBottomNavigationBarItem.dart';
import 'package:flutter/material.dart';
/// Main route of the application
///
/// @author Pierre HUBERT
class HomeRoute extends StatelessWidget {
class HomeRoute extends StatefulWidget {
@override
State<StatefulWidget> createState() => _HomeRouteState();
}
class _HomeRouteState extends State<HomeRoute> {
int _currTab = 0;
List<int> history = List();
/// Change currently visible tab
void _changeTab(int newTabNumber) {
setState(() {
_currTab = newTabNumber;
});
}
/// Allows to go to previous tab
Future<bool> _willPop() async {
if (history.length == 1) return true;
history.removeLast();
_changeTab(history[history.length - 1]);
return false;
}
/// Handles a new tab being tapped
void _onTap(int number, BuildContext context) {
if (_currTab != number) history.add(number);
_changeTab(number);
}
@override
void initState() {
super.initState();
history.add(_currTab);
}
/// Build the body of the application
Widget _buildBody(BuildContext context) {
switch (_currTab) {
case 0:
return Text("Conversations");
case 1:
return Text("Menu");
default:
throw "Invalid tab number : " + _currTab.toString();
}
}
/// Build navigation bar items
List<BottomNavigationBarItem> _buildNavigationBarItems() {
return <BottomNavigationBarItem>[
CustomNavigationBarItem(
icon: Icon(Icons.chat),
title: Text("Conversations"),
),
CustomNavigationBarItem(
icon: Icon(Icons.menu),
title: Text("Menu"),
),
];
}
@override
Widget build(BuildContext context) {
return Text("Home route");
return WillPopScope(
onWillPop: _willPop,
child: Scaffold(
body: SafeArea(
child: _buildBody(context),
),
bottomNavigationBar: BottomNavigationBar(
currentIndex: _currTab,
items: _buildNavigationBarItems(),
onTap: (i) => _onTap(i, context),
),
),
);
}
}
}

View File

@ -0,0 +1,13 @@
import 'package:flutter/material.dart';
/// Custom navigation bar item
///
/// @author Pierre HUBERT
class CustomNavigationBarItem extends BottomNavigationBarItem {
const CustomNavigationBarItem({
@required Widget icon,
Widget title,
bool selected,
}) : super(icon: icon, title: title, backgroundColor: Colors.blue,);
}