You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
598 lines
22 KiB
Dart
598 lines
22 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
|
|
import 'package:carousel_slider/carousel_slider.dart';
|
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
|
|
|
void main() => runApp(ComparePage());
|
|
|
|
class ComparePage extends StatefulWidget {
|
|
@override
|
|
_ComparePageState createState() => _ComparePageState();
|
|
}
|
|
|
|
class _ComparePageState extends State<ComparePage> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AppScaffold(
|
|
appBarTitle: 'Reviews page',
|
|
isShowAppBar: true,
|
|
isPharmacy: true,
|
|
body: Container(
|
|
child: compareList(),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
compareList() {
|
|
return CarouselSlider(
|
|
options: CarouselOptions(
|
|
height: 800.0, viewportFraction: 0.95, enableInfiniteScroll: false),
|
|
items: [1, 2].map((i) {
|
|
return Builder(
|
|
builder: (BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 8),
|
|
child: Container(
|
|
width: MediaQuery.of(context).size.width,
|
|
margin: EdgeInsets.symmetric(horizontal: 10.0),
|
|
child: slideDetail(),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}).toList(),
|
|
);
|
|
}
|
|
|
|
slideDetail() {
|
|
return ListView(
|
|
children: [
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
height: 800,
|
|
width: 150,
|
|
margin: EdgeInsets.symmetric(horizontal: 10.0),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(10),
|
|
border: Border(
|
|
top: BorderSide(width: 0.5, color: Colors.grey),
|
|
left: BorderSide(width: 0.5, color: Colors.grey),
|
|
right: BorderSide(width: 0.5, color: Colors.grey),
|
|
bottom: BorderSide(width: 0.5, color: Colors.grey),
|
|
),
|
|
color: Colors.white),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
child: Align(
|
|
alignment: Alignment.topRight,
|
|
child: Icon(FontAwesomeIcons.trashAlt, size: 15)),
|
|
),
|
|
SizedBox(height: 20,),
|
|
Image(
|
|
image: AssetImage(
|
|
'assets/images/al-habib_onlne_pharmacy_bg.png'),
|
|
fit: BoxFit.cover,
|
|
width: 100,
|
|
height: 60,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'SAR 999.99',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'ENAD test',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
height: 800,
|
|
width: 150,
|
|
margin: EdgeInsets.symmetric(horizontal: 10.0),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(10),
|
|
border: Border(
|
|
top: BorderSide(width: 0.5, color: Colors.grey),
|
|
left: BorderSide(width: 0.5, color: Colors.grey),
|
|
right: BorderSide(width: 0.5, color: Colors.grey),
|
|
bottom: BorderSide(width: 0.5, color: Colors.grey),
|
|
),
|
|
color: Colors.white),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
child: Align(
|
|
alignment: Alignment.topRight,
|
|
child: Icon(FontAwesomeIcons.trashAlt, size: 15)),
|
|
),
|
|
SizedBox(height: 20,),
|
|
Image(
|
|
image: AssetImage(
|
|
'assets/images/al-habib_onlne_pharmacy_bg.png'),
|
|
fit: BoxFit.cover,
|
|
width: 100,
|
|
height: 60,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'SAR 999.99',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'ENAD test',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text: 'Primary Unit Of Measure',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.all(5),
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: RichText(
|
|
text: TextSpan(
|
|
text:
|
|
'Each',
|
|
style: TextStyle(
|
|
color: Colors.black54,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 8.0),
|
|
child: Container(
|
|
height: 1.0,
|
|
width: 300.0,
|
|
color:Colors.grey,),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|