nekoya/app
nekoya/app
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity

Add banner image to center (landscape)

Browse source
This commit is contained in:
Moe Poi ~ 2022-05-16 10:27:56 +07:00
parent 5e71c7e3b0
commit e1daf59a40
1 changed files with 54 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
lib/components/bannerimage.dart
View file

@ -7,57 +7,59 @@ class Bannerimage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(5.0)),
child: Stack(
children: [
Container(
padding: const EdgeInsets.all(0.0),
child: Image.asset(
'assets/images/slider_1.webp',
width: 600.0,
height: 180.0,
fit: BoxFit.fill,
)),
Padding(
padding: const EdgeInsets.only(top: 25.0, left: 10.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'SPRING / SUMMER COLLECTION 2022',
style: TextStyle(
color: Colors.black,
fontSize: 10.5,
fontWeight: FontWeight.bold),
),
const SizedBox(
height: 8.0,
),
const Text(
'Get up to 30% off \nNow Arrivals',
style: TextStyle(
color: Colors.black,
fontSize: 20.0,
fontWeight: FontWeight.bold),
),
const SizedBox(
height: 8.0,
),
ElevatedButton(
onPressed: () {
Navigator.pushReplacementNamed(context, '/products');
},
style: ElevatedButton.styleFrom(
primary: Colors.red,
textStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold)),
child: const Text('SHOP NOW'),
),
]),
)
],
));
return Center(
child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(5.0)),
child: Stack(
children: [
Container(
padding: const EdgeInsets.all(0.0),
child: Image.asset(
'assets/images/slider_1.webp',
width: 600.0,
height: 180.0,
fit: BoxFit.fill,
)),
Padding(
padding: const EdgeInsets.only(top: 25.0, left: 10.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'SPRING / SUMMER COLLECTION 2022',
style: TextStyle(
color: Colors.black,
fontSize: 10.5,
fontWeight: FontWeight.bold),
),
const SizedBox(
height: 8.0,
),
const Text(
'Get up to 30% off \nNow Arrivals',
style: TextStyle(
color: Colors.black,
fontSize: 20.0,
fontWeight: FontWeight.bold),
),
const SizedBox(
height: 8.0,
),
ElevatedButton(
onPressed: () {
Navigator.pushReplacementNamed(context, '/products');
},
style: ElevatedButton.styleFrom(
primary: Colors.red,
textStyle: const TextStyle(
fontSize: 14, fontWeight: FontWeight.bold)),
child: const Text('SHOP NOW'),
),
]),
)
],
)),
);
}
}