comunes/todos-contra-el-fuego-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Home with floating btns

Browse source
This commit is contained in:
vjrj 2018-06-27 10:04:38 +02:00
parent 1d1e16f9b5
commit 73ad23a42b
1 changed files with 49 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

63
lib/homePage.dart
View file

@ -1,10 +1,10 @@
import 'package:comunes_flutter/comunes_flutter.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'colors.dart';
import 'package:comunes_flutter/comunes_flutter.dart';
import 'mainDrawer.dart';
import 'activeFires.dart'; import 'activeFires.dart';
import 'colors.dart';
import 'generated/i18n.dart'; import 'generated/i18n.dart';
import 'mainDrawer.dart';
class HomePage extends StatelessWidget { class HomePage extends StatelessWidget {
static const String routeName = '/home'; static const String routeName = '/home';
@ -12,15 +12,48 @@ class HomePage extends StatelessWidget {
final _homeFont = const TextStyle( final _homeFont = const TextStyle(
fontSize: 50.0, fontSize: 50.0,
fontWeight: FontWeight.w400, fontWeight: FontWeight.w600,
// color: Colors.white, // color: Colors.white,
); );
final _btnFont = const TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.w600,
// color: Colors.white,
);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return new Scaffold( return new Scaffold(
key: _scaffoldKey, key: _scaffoldKey,
drawer: new MainDrawer(context), drawer: new MainDrawer(context),
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
floatingActionButton:
Column(mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[
FloatingActionButton.extended(
elevation: 0.0,
onPressed: () {
Navigator.pushNamed(context, ActiveFiresPage.routeName);
},
label: Text(S.of(context).activeFires, style: _btnFont),
backgroundColor: fires600,
heroTag: 'activeFires',
icon: const Icon(Icons.whatshot, size: 32.0),
),
Padding(
padding: const EdgeInsets.only(top: 16.0, bottom: 26.0),
child: FloatingActionButton.extended(
elevation: 0.0,
onPressed: () {
Navigator.pushNamed(context, ActiveFiresPage.routeName);
},
heroTag: 'notifyFire',
backgroundColor: fires600,
label: new Text(S.of(context).notifyAFire, style: _btnFont),
icon: const Icon(Icons.notifications_active, size: 32.0),
),
),
]),
body: new SafeArea( body: new SafeArea(
child: Center( child: Center(
child: new CenteredColumn(children: <Widget>[ child: new CenteredColumn(children: <Widget>[
@ -43,34 +76,20 @@ class HomePage extends StatelessWidget {
new Expanded( new Expanded(
child: new FractionallySizedBox( child: new FractionallySizedBox(
alignment: FractionalOffset.topCenter, alignment: FractionalOffset.topCenter,
heightFactor: 0.9, heightFactor: 1.0,
child: new CenteredColumn( child: new Column(
children: <Widget>[ children: <Widget>[
new Padding( new Padding(
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
vertical: 10.0, horizontal: 20.0), vertical: 10.0, horizontal: 20.0),
child: FittedBox( child: FittedBox(
child: new Text(S.of(context).appName, child: new Text(S.of(context).appName,
maxLines: 1, maxLines: 2,
textAlign: TextAlign.center, textAlign: TextAlign.center,
softWrap: true,
style: _homeFont), style: _homeFont),
fit: BoxFit.scaleDown, fit: BoxFit.scaleDown,
)), )),
new SizedBox(height: 20.0),
new RoundedBtn.nav(
icon: Icons.whatshot,
text: S.of(context).activeFires,
context: context,
route: ActiveFiresPage.routeName,
backColor: fires600),
new SizedBox(height: 20.0),
new RoundedBtn.nav(
icon: Icons.notifications_active,
text: S.of(context).notifyAFire,
context: context,
route: ActiveFiresPage.routeName,
backColor: fires600),
], ],
))) )))
])), ])),