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 { @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,), ), ], ), ), ), ], ), ], ); }