{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},{ "id":0,
    "category":"موبيلات",
    'categorybackimage':'images/backgroundimage',
    'categoryimage':'images/iphone'},
  ];```
and here the GridView=>

```GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:2,mainAxisSpacing: 2,), itemBuilder: (BuildContext,i){

                        for(i=0;i<values.length;i++){
                      return
                        Padding(
                          padding: const EdgeInsets.all(2.0),
                          child: SizedBox(
                            height: 400,
                            width: 200,
                            child: InkWell(
                              onTap: (){},
                              child: Stack(
                                children: <Widget>[
                                  ClipRRect(borderRadius: BorderRadius.all(Radius.circular(20)),
                                      child: Image.asset(values[i]['categorybackimage'],fit: BoxFit.fill, )),
                                    Column(
                                      children: <Widget>[
                                        Text("${(values[i]['category'])}"),

                                   Card(
                                     color: Colors.white,
                                     child: Text(
                                        "عروض ",
                                        style: TextStyle(
                                            color: Colors.red,
                                            fontSize: 20,
                                            fontWeight: FontWeight.w900),

                                      ),
                                   ),
                                  Image.asset(values[i]['categoryimage'],)
                                ],
                              ),
                                ],
                              ),
                            ),
                          ),
                        );
                    }}),