Skip to content
Snippets Groups Projects
Commit 497e28e8 authored by poka's avatar poka
Browse files

Apply home from Figma proposual (boris)

parent ce4b4d7c
No related branches found
No related tags found
1 merge request!2Make home great again
assets/lock.png

7.54 KiB

...@@ -111,28 +111,130 @@ class HomeScreen extends StatelessWidget { ...@@ -111,28 +111,130 @@ class HomeScreen extends StatelessWidget {
backgroundColor: Color(0xffFFD58D), backgroundColor: Color(0xffFFD58D),
), ),
backgroundColor: Color(0xffF9F9F1), backgroundColor: Color(0xffF9F9F1),
body: _homeProvider.currentTab[_homeProvider.currentIndex], body: // _homeProvider.currentTab[_homeProvider.currentIndex],
bottomNavigationBar: BottomNavigationBar( Column(children: <Widget>[
backgroundColor: Color(0xffFFD58D), Padding(
fixedColor: Colors.grey[850], padding: EdgeInsets.only(top: 22),
unselectedItemColor: Color(0xffBD935C), child: Row(
type: BottomNavigationBarType.fixed, mainAxisAlignment: MainAxisAlignment.center,
onTap: (index) { children: <Widget>[
_homeProvider.currentIndex = index; Image(
}, image: AssetImage('assets/icon/gecko_final.png'),
currentIndex: _homeProvider.currentIndex, height: 180),
items: [ ])),
BottomNavigationBarItem( Padding(
icon: Image.asset('assets/block-space-disabled.png', height: 26), padding: EdgeInsets.only(top: 15),
activeIcon: Image.asset('assets/blockchain.png', height: 26), child: Row(
label: 'Explorateur', mainAxisAlignment: MainAxisAlignment.center,
), children: <Widget>[
BottomNavigationBarItem( Text(
icon: Icon(Icons.lock), "L’application de paiement Ğ1\nplus mobile qu’un lésard du Vietnam",
label: 'Mes portefeuilles', textAlign: TextAlign.center,
), style: TextStyle(color: Colors.black, fontSize: 15),
], )
), ])),
Padding(
padding: EdgeInsets.only(top: 60),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Column(children: <Widget>[
ClipOval(
child: Material(
color: Color(0xffFFD58D), // button color
child: Padding(
padding: EdgeInsets.all(17),
child: InkWell(
splashColor: Colors.black, // inkwell color
child: Image(
image: AssetImage('assets/qrcode-scan.png'),
height: 58),
onTap: () {},
)),
),
),
SizedBox(height: 5),
Text(
"Payer par QR-Code",
textAlign: TextAlign.center,
style: TextStyle(color: Colors.black, fontSize: 13),
)
])
])),
Padding(
padding: EdgeInsets.only(top: 60),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Column(children: <Widget>[
ClipOval(
child: Material(
color: Color(0xffFFD58D), // button color
child: Padding(
padding: EdgeInsets.symmetric(
horizontal: 18, vertical: 14),
child: InkWell(
splashColor: Colors.black, // inkwell color
child: Image(
image: AssetImage('assets/blockchain.png'),
height: 65),
onTap: () {},
)),
),
),
SizedBox(height: 5),
Text(
"Explorer\n",
textAlign: TextAlign.center,
style: TextStyle(color: Colors.black, fontSize: 13),
)
]),
SizedBox(width: 160),
Column(children: <Widget>[
ClipOval(
child: Material(
color: Color(0xffFFD58D), // button color
child: Padding(
padding: EdgeInsets.all(20),
child: InkWell(
splashColor: Colors.black, // inkwell color
child: Image(
image: AssetImage('assets/lock.png'),
height: 50),
onTap: () {},
)),
),
),
SizedBox(height: 5),
Text(
"Gérer mes\nportefeuilles",
textAlign: TextAlign.center,
style: TextStyle(color: Colors.black, fontSize: 13),
)
])
]))
]),
// bottomNavigationBar: BottomNavigationBar(
// backgroundColor: Color(0xffFFD58D),
// fixedColor: Colors.grey[850],
// unselectedItemColor: Color(0xffBD935C),
// type: BottomNavigationBarType.fixed,
// onTap: (index) {
// _homeProvider.currentIndex = index;
// },
// currentIndex: _homeProvider.currentIndex,
// items: [
// BottomNavigationBarItem(
// icon: Image.asset('assets/block-space-disabled.png', height: 26),
// activeIcon: Image.asset('assets/blockchain.png', height: 26),
// label: 'Explorateur',
// ),
// BottomNavigationBarItem(
// icon: Icon(Icons.lock),
// label: 'Mes portefeuilles',
// ),
// ],
// ),
); );
} }
} }
...@@ -5,7 +5,7 @@ description: A new Flutter project. ...@@ -5,7 +5,7 @@ description: A new Flutter project.
# pub.dev using `pub publish`. This is preferred for private packages. # pub.dev using `pub publish`. This is preferred for private packages.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev publish_to: 'none' # Remove this line if you wish to publish to pub.dev
version: 0.0.1+11 version: 0.0.1+13
environment: environment:
sdk: ">=2.7.0 <3.0.0" sdk: ">=2.7.0 <3.0.0"
...@@ -64,4 +64,5 @@ flutter: ...@@ -64,4 +64,5 @@ flutter:
- assets/blockchain.png - assets/blockchain.png
- assets/block-space.png - assets/block-space.png
- assets/block-space-disabled.png - assets/block-space-disabled.png
- assets/lock.png
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment