Improve home button inkwell

This commit is contained in:
poka 2021-02-22 08:54:40 +01:00
parent a2a85ce8bb
commit 646b86139b
1 changed files with 102 additions and 65 deletions

View File

@ -147,24 +147,37 @@ class HomeScreen extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Column(children: <Widget>[
ClipOval(
Container(
child: ClipOval(
child: Material(
color: Color(0xffFFD58D), // button color
child: InkWell(
splashColor:
Color(0xffD28928), // inkwell color
child: Padding(
padding: EdgeInsets.all(17),
child: InkWell(
splashColor: Colors.black, // inkwell color
child: Image(
image:
AssetImage('assets/qrcode-scan.png'),
height: 58),
image: AssetImage(
'assets/qrcode-scan.png'),
height: 58)),
onTap: () async {
await _historyProvider.scan(context);
},
)),
}),
),
),
SizedBox(height: 5),
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: 10),
Text(
"Payer par QR-Code",
textAlign: TextAlign.center,
@ -174,27 +187,39 @@ class HomeScreen extends StatelessWidget {
])),
Padding(
padding: EdgeInsets.only(top: 60),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
child:
Row(mainAxisAlignment: MainAxisAlignment.center, children: <
Widget>[
Column(children: <Widget>[
ClipOval(
Container(
child: ClipOval(
child: Material(
color: Color(0xffFFD58D), // button color
child: InkWell(
splashColor: Color(0xffD28928), // inkwell 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: () {},
)),
height: 65)),
onTap: () {}),
),
),
SizedBox(height: 5),
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: 10),
Text(
"Explorer\n",
textAlign: TextAlign.center,
@ -203,16 +228,17 @@ class HomeScreen extends StatelessWidget {
]),
SizedBox(width: 140),
Column(children: <Widget>[
ClipOval(
Container(
child: ClipOval(
child: Material(
color: Color(0xffFFD58D), // button color
child: InkWell(
splashColor: Color(0xffD28928), // inkwell color
child: Padding(
padding: EdgeInsets.all(20),
child: InkWell(
splashColor: Colors.black, // inkwell color
child: Image(
image: AssetImage('assets/lock.png'),
height: 50),
height: 50)),
onTap: () {
Navigator.push(
context,
@ -220,11 +246,22 @@ class HomeScreen extends StatelessWidget {
return WalletsHome();
}),
);
},
)),
}),
),
),
SizedBox(height: 5),
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: 10),
Text(
"Gérer mes\nportefeuilles",
textAlign: TextAlign.center,