Shopping Item List In Flutter :

shopping item (map using).dart
Column( children: _foods.map(_buildFoodItems).toList(), ), Widget _buildFoodItems(Food food) { return Container( margin: EdgeInsets.only(bottom: 20.0), child: BoughtFood( id: food.id, name: food.name, imagePath: food.imagePath, category: food.category, discount: food.discount, price: food.price, ratings: food.ratings, ), ); } import 'package:flutter/material.dart'; class BoughtFood extends StatefulWidget { final String id; final String name; final String imagePath; final String category; final double price; final double discount; final double ratings; BoughtFood( {this.id, this.name, this.imagePath, this.category, this.price, this.discount, this.ratings}); @override _BoughtFoodState createState() => _BoughtFoodState(); } class _BoughtFoodState extends State<BoughtFood> { var cardText = TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold); @override Widget build(BuildContext context) { return ClipRRect( borderRadius: BorderRadius.all( Radius.circular(10.0), ), child: Stack( children: <Widget>[ Container( height: 230.0, width: 340.0, child: Image( image: AssetImage( widget.imagePath ), fit: BoxFit.cover, ), ), Positioned( left: 0.0, bottom: 0.0, width: 340.0, height: 60.0, child: Container( decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.bottomCenter, end: Alignment.topCenter, colors: [Colors.black, Colors.black12])), ), ), Positioned( left: 10.0, bottom: 10.0, right: 10.0, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: <Widget>[ Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text( widget.name, style: TextStyle( fontSize: 18.0, fontWeight: FontWeight.bold, color: Colors.white), ), Row( children: <Widget>[ Icon( Icons.star, color: Theme.of(context).primaryColor, size: 16.0, ), Icon( Icons.star, color: Theme.of(context).primaryColor, size: 16.0, ), Icon( Icons.star, color: Theme.of(context).primaryColor, size: 16.0, ), Icon( Icons.star, color: Theme.of(context).primaryColor, size: 16.0, ), Icon( Icons.star, color: Theme.of(context).primaryColor, size: 16.0, ), SizedBox( width: 10.0, ), Text( "(" + widget.ratings.toString() + " Reviews)", style: TextStyle(color: Colors.grey), ), ], ), ], ), Column( crossAxisAlignment: CrossAxisAlignment.end, children: <Widget>[ Text( widget.price.toString(), style: TextStyle( fontSize: 18.0, fontWeight: FontWeight.bold, color: Colors.orangeAccent), ), Text("Min order", style: TextStyle(color: Colors.grey)) ], ), ], ), ), ], ), ); } }
The flutter tutorial is a website that bring you the latest and amazing resources of code. All the languages codes are included in this website. The languages like flutter, android, java,kotlin etc.with the help of this languages any user can develop the beautiful application
For more information about Flutter. visit www.fluttertutorial.in