Skip to content
Snippets Groups Projects
Commit 646b8613 authored by poka's avatar poka
Browse files

Improve home button inkwell

parent a2a85ce8
No related branches found
No related tags found
1 merge request!2Make home great again
Hide whitespace changes
Inline Side-by-side
Showing
with 102 additions and 65 deletions
lib/screens/home.dart
+ 102
− 65
View file @ 646b8613
...@@ -147,24 +147,37 @@ class HomeScreen extends StatelessWidget { ...@@ -147,24 +147,37 @@ class HomeScreen extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[ children: <Widget>[
Column(children: <Widget>[ Column(children: <Widget>[
ClipOval( Container(
child: Material( child: ClipOval(
color: Color(0xffFFD58D), // button color child: Material(
child: Padding( color: Color(0xffFFD58D), // button color
padding: EdgeInsets.all(17), child: InkWell(
child: InkWell( splashColor:
splashColor: Colors.black, // inkwell color Color(0xffD28928), // inkwell color
child: Image( child: Padding(
image: padding: EdgeInsets.all(17),
AssetImage('assets/qrcode-scan.png'), child: Image(
height: 58), image: AssetImage(
'assets/qrcode-scan.png'),
height: 58)),
onTap: () async { onTap: () async {
await _historyProvider.scan(context); await _historyProvider.scan(context);
}, }),
)), ),
),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.grey,
blurRadius: 4.0,
offset: Offset(2.0, 2.5),
spreadRadius: 0.5)
],
), ),
), ),
SizedBox(height: 5), SizedBox(height: 10),
Text( Text(
"Payer par QR-Code", "Payer par QR-Code",
textAlign: TextAlign.center, textAlign: TextAlign.center,
...@@ -174,64 +187,88 @@ class HomeScreen extends StatelessWidget { ...@@ -174,64 +187,88 @@ class HomeScreen extends StatelessWidget {
])), ])),
Padding( Padding(
padding: EdgeInsets.only(top: 60), padding: EdgeInsets.only(top: 60),
child: Row( child:
mainAxisAlignment: MainAxisAlignment.center, Row(mainAxisAlignment: MainAxisAlignment.center, children: <
children: <Widget>[ Widget>[
Column(children: <Widget>[ Column(children: <Widget>[
ClipOval( Container(
child: Material( child: ClipOval(
color: Color(0xffFFD58D), // button color child: Material(
child: Padding( color: Color(0xffFFD58D), // button color
padding: EdgeInsets.symmetric( child: InkWell(
horizontal: 18, vertical: 14), splashColor: Color(0xffD28928), // inkwell color
child: InkWell( child: Padding(
splashColor: Colors.black, // inkwell color padding: EdgeInsets.symmetric(
horizontal: 18, vertical: 14),
child: Image( child: Image(
image: image:
AssetImage('assets/blockchain.png'), AssetImage('assets/blockchain.png'),
height: 65), height: 65)),
onTap: () {}, onTap: () {}),
)),
),
), ),
SizedBox(height: 5), ),
Text( decoration: BoxDecoration(
"Explorer\n", shape: BoxShape.circle,
textAlign: TextAlign.center, color: Colors.white,
style: TextStyle(color: Colors.black, fontSize: 13), boxShadow: [
) BoxShadow(
]), color: Colors.grey,
SizedBox(width: 140), blurRadius: 4.0,
Column(children: <Widget>[ offset: Offset(2.0, 2.5),
ClipOval( spreadRadius: 0.5)
child: Material( ],
color: Color(0xffFFD58D), // button color ),
child: Padding( ),
padding: EdgeInsets.all(20), SizedBox(height: 10),
child: InkWell( Text(
splashColor: Colors.black, // inkwell color "Explorer\n",
textAlign: TextAlign.center,
style: TextStyle(color: Colors.black, fontSize: 13),
)
]),
SizedBox(width: 140),
Column(children: <Widget>[
Container(
child: ClipOval(
child: Material(
color: Color(0xffFFD58D), // button color
child: InkWell(
splashColor: Color(0xffD28928), // inkwell color
child: Padding(
padding: EdgeInsets.all(20),
child: Image( child: Image(
image: AssetImage('assets/lock.png'), image: AssetImage('assets/lock.png'),
height: 50), height: 50)),
onTap: () { onTap: () {
Navigator.push( Navigator.push(
context, context,
MaterialPageRoute(builder: (context) { MaterialPageRoute(builder: (context) {
return WalletsHome(); return WalletsHome();
}), }),
); );
}, }),
)),
),
), ),
SizedBox(height: 5), ),
Text( decoration: BoxDecoration(
"Gérer mes\nportefeuilles", shape: BoxShape.circle,
textAlign: TextAlign.center, color: Colors.white,
style: TextStyle(color: Colors.black, fontSize: 13), boxShadow: [
) BoxShadow(
]) color: Colors.grey,
])) blurRadius: 4.0,
offset: Offset(2.0, 2.5),
spreadRadius: 0.5)
],
),
),
SizedBox(height: 10),
Text(
"Gérer mes\nportefeuilles",
textAlign: TextAlign.center,
style: TextStyle(color: Colors.black, fontSize: 13),
)
])
]))
]), ]),
// bottomNavigationBar: BottomNavigationBar( // bottomNavigationBar: BottomNavigationBar(
// backgroundColor: Color(0xffFFD58D), // backgroundColor: Color(0xffFFD58D),
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment