import 'package:flutter/material.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:rating_bar/rating_bar.dart'; class productTile extends StatelessWidget { final String productName; final String productPrice; final double productRate; final String productImage; final bool showLine; productTile({this.productName, this.productPrice, this.productRate,this.productImage ,this.showLine = true}); @override Widget build(BuildContext context) { return showLine? Container( height: 120, width: double.infinity, color: Colors.white, child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ Row( children: [ Container( margin: EdgeInsets.only(left: 10), child: Image.network( productImage.trim(), fit: BoxFit.cover, width: 80, height: 80, ), // child: Image( // image: // AssetImage('assets/images/al-habib_onlne_pharmacy_bg.png'), // fit: BoxFit.cover, // width: 80, // height: 80, // ), ), Expanded( flex: 5, child: Column( children: [ Container( margin: EdgeInsets.all(5), child: Align( alignment: Alignment.topLeft, child: RichText( text: TextSpan( text: productName, style: TextStyle( color: Colors.black54, fontSize: 15, fontWeight: FontWeight.bold), ), ), ), ), Container( margin: EdgeInsets.all(5), child: Align( alignment: Alignment.topLeft, child: RichText( text: TextSpan( text: 'SAR $productPrice', style: TextStyle( fontWeight: FontWeight.bold, color: Colors.black, fontSize: 13), ), ), ), ), Container( margin: EdgeInsets.all(5), child: Align( alignment: Alignment.topLeft, child: RatingBar.readOnly( initialRating: productRate, size: 15.0, filledColor: Colors.yellow[700], emptyColor: Colors.grey[500], isHalfAllowed: true, halfFilledIcon: Icons.star_half, filledIcon: Icons.star, emptyIcon: Icons.star, ), ), ), ], ), ), Expanded( flex: 1, child: Column( children: [ Icon(FontAwesomeIcons.trashAlt, size: 15), SizedBox(height: 50,), Icon(FontAwesomeIcons.shoppingCart, size: 15), ], ), ), ], ), ], ), ): Container( child: Padding( padding: EdgeInsets.all(8.0), child: Row( children: [ Padding( padding: EdgeInsets.only(left:15), child: Container( width: 160, height: 200, 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: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.start, children: [ SizedBox(height: 2,), Container( child: Image.network( productImage.trim(), fit: BoxFit.cover, width: 80, height: 70, ), ), SizedBox(height: 10,), // Container(width: 150,height: 20,color: Colors.green,), Container( alignment: Alignment.centerLeft, child:Column( children: [ Container( margin: EdgeInsets.all(5), child: Align( alignment: Alignment.topLeft, child: RichText( text: TextSpan( text: productName, style: TextStyle( color: Colors.black54, fontSize: 15, fontWeight: FontWeight.bold), ), ), ), ), Container( margin: EdgeInsets.all(5), child: Align( alignment: Alignment.topLeft, child: RichText( text: TextSpan( text: 'SAR $productPrice', style: TextStyle( fontWeight: FontWeight.bold, color: Colors.black, fontSize: 13), ), ), ), ), Container( alignment: Alignment.topLeft, margin: EdgeInsets.all(5), child: Align( child: RatingBar.readOnly( initialRating: productRate, size: 15.0, filledColor: Colors.yellow[700], emptyColor: Colors.grey[500], isHalfAllowed: true, halfFilledIcon: Icons.star_half, filledIcon: Icons.star, emptyIcon: Icons.star, ), ), ), ], ), ), ], ), ), ), ], ), ), ); } }