main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:grocery_app/ProductInfo.dart';
void main()
{
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MainPage(),
      routes: {
        '/productInfo':(context)=>ProductInfo(),
      },
    );
  }
}
class MainPage extends StatefulWidget {
  @override
  _MainPageState createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 0,
        backgroundColor: Colors.transparent,
        leading: IconButton(
          icon: Icon(
            Icons.menu,
            color: Colors.black,
          ),
        ),
        title: Container(
          width: 50,
          height: 50,
          child: Image.asset('assets/logo.png'),
        ),
        centerTitle: true,
        actions: <Widget>[
          IconButton(
            icon: Icon(
              Icons.search,
              color:Colors.black,
            ),
          ),
          Stack(
            children: <Widget>[
              IconButton(
                icon: Icon(
                  Icons.shopping_cart,
                  color:Colors.black,
                ),
              ),
              Positioned(
                top:0,
                right:3,
                child:Container(
                  height: 20,
                  width: 20,
                  decoration: BoxDecoration(
                    shape: BoxShape.circle,
                    color: Colors.red,
                  ),
                  child: Text("2",style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.w500,
                  ),),
                ),
              ),
            ],
          ),
        ],
      ),
      body: Container(
        padding: EdgeInsets.all(20),
        child: GridView.count(crossAxisCount: 2,
        children: List.generate(6, createItem),
          crossAxisSpacing: 10,
          mainAxisSpacing: 10,
          childAspectRatio: 0.6,
        ),
      ),
    );
  }
  Container createItem(int id)
  {
    List<String> itemNames=['Pappaya','Banana','Ethan','Orange','Strawberry','Kiwi'];
    List<double> itemPrice=[30,35,40,50,80,90];
    List<String> itemQuantity=['per kg','per kg','per kg','per kg','per kg','per kg'];
    var newNum=id+1;
    return Container(
      padding: EdgeInsets.all(10),
      color: Colors.white,
      child: InkWell(
        onTap: (){openProductInfo(newNum,itemPrice[id].toString(), itemNames[id].toString(),itemQuantity[id].toString());},
        child: Column(
          children: <Widget>[
            Hero(
              tag: 'img$newNum',
              child: Container(
                height: 150,
                child: Image.asset('assets/img$newNum.png'),
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: 5),
              child: Text('\$'+itemPrice[id].toString(),style:TextStyle(
                color: Colors.green,
                fontSize: 20,
                fontWeight: FontWeight.w600,
              ),),
            ),
            Container(
              margin: EdgeInsets.only(top: 2),
              child: Text(itemNames[id],style: TextStyle(
                fontSize: 20,
                fontWeight: FontWeight.w600,
              ),),
            ),
            Container(
              margin: EdgeInsets.only(top: 2),
              child: Text(itemQuantity[id],style: TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.w300,
              ),),
            ),
            Container(
              margin: EdgeInsets.only(top: 5),
              height: 0.5,
              color: Colors.grey,
            ),
            SizedBox(height: 7,),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Container(
                  padding: EdgeInsets.only(right: 5),
                  child: Icon(
                    Icons.add_shopping_cart,
                    size: 20,
                    color: Colors.green,
                  ),
                ),
                Text("Add to Cart",style: TextStyle(
                  color: Colors.green,
                  fontSize: 19,
                ),),
              ],
            ),
          ],
        ),
      ),
    );
  }
  void openProductInfo(int id,String price, String name,String quantity)
  {
    Navigator.pushNamed(context,'/productInfo',arguments: {'img':'img$id','name':name,'quantity':quantity,'price':price});

  }
}