Opens a working Quick Look link in the browser.
Container(
child: Stack(
children: [
Positioned.fill(
child: Align(
alignment: Alignment.bottomLeft,
child: Container(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Opacity(
opacity: 0.8999999761581421,
child: SizedBox(
child: Text(
"Veggie tomato mix",
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.w600,
fontFamily: "SF Pro Rounded",
),
textAlign: TextAlign.center,
),
width: 125,
height: 52,
),
),
SizedBox(
height: 15,
),
SizedBox(
child: Text(
"N1,900",
style: TextStyle(
fontSize: 17,
fontWeight: FontWeight.w700,
fontFamily: "SF Pro Rounded",
),
textAlign: TextAlign.center,
),
width: 172,
height: 19,
),
],
),
width: 220,
padding: EdgeInsets.only(
top: 145,
bottom: 39,
),
decoration: BoxDecoration(
color: Color(
0xffffff,
),
borderRadius: BorderRadius.circular(
30,
),
boxShadow: [
BoxShadow(
color: Color(
0x19393939,
),
offset: Offset(
0,
30,
),
blurRadius: 60,
),
],
),
),
),
),
Positioned.fill(
child: Align(
alignment: Alignment.topCenter,
child: Container(
child: Stack(
children: [
Container(
width: 164.16,
height: 164.16,
decoration: BoxDecoration(
color: Color(
0xffffff,
),
shape: BoxShape.circle,
),
),
Positioned.fill(
child: Align(
alignment: Alignment.topLeft,
child: Container(
width: 276.14,
height: 183.14,
),
),
),
],
),
width: 164.16,
height: 164.16,
),
),
),
],
),
width: 220,
);
Container(
child: Stack(
children: Container(
child: Stack(
children: [
Positioned(
left: 64,
top: 43,
child: Container(
child: Opacity(
opacity: 0.5,
child: Container(
width: 16,
height: 12,
decoration: BoxDecoration(
color: Color(
0xffffff,
),
),
),
),
padding: EdgeInsets.symmetric(
vertical: 2,
),
),
),
Positioned(
left: 102,
top: 27,
child: Text(
"Veggie tomato mix",
style: TextStyle(
fontSize: 17,
fontWeight: FontWeight.w600,
fontFamily: "SF Pro Rounded",
),
textAlign: TextAlign.center,
),
),
Positioned(
left: 103,
top: 58,
child: Text(
"#1,900",
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
fontFamily: "SF Pro Rounded",
),
textAlign: TextAlign.center,
),
),
Positioned(
left: 17,
top: 16,
child: Container(
child: Stack(
children: [
Container(
width: 69.21,
height: 69.21,
decoration: BoxDecoration(
color: Color(
0xffffff,
),
shape: BoxShape.circle,
),
),
Positioned.fill(
child: Align(
alignment: Alignment.topLeft,
child: Container(
width: 116.41,
height: 77.21,
),
),
),
],
),
width: 69.21,
height: 69.21,
),
),
],
),
width: 315,
height: 102,
decoration: BoxDecoration(
color: Color(
0xffffff,
),
borderRadius: BorderRadius.circular(
20,
),
boxShadow: [
BoxShadow(
color: Color(
0x7000000,
),
offset: Offset(
0,
10,
),
blurRadius: 40,
),
],
),
),
),
);