Improve home button inkwell
This commit is contained in:
parent
a2a85ce8bb
commit
646b86139b
|
@ -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 {
|
||||||
])),
|
])),
|
||||||
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),
|
||||||
|
|
Loading…
Reference in New Issue