game play

Container(

        height: 300,

        color: Colors.white,

        child:ListView.builder(

            scrollDirection: Axis.horizontal,

            shrinkWrap: true,

            physics: ScrollPhysics(),

            itemCount: 15,

            itemBuilder: (BuildContext context, int index) {

              return Container(

                  width: 300,

                  margin: const EdgeInsets.all(15.0),

                  padding: const EdgeInsets.all(3.0),

                  decoration: BoxDecoration(

                    color: Colors.white60,

                    border: Border.all(

                        width: 1.0

                    ),

                    borderRadius: BorderRadius.all(

                        Radius.circular(0.0) //                 <--- border radius here

                    ),

                  ),

                  child: Stack(

                    children: <Widget>[

                      Column(

                        crossAxisAlignment: CrossAxisAlignment.start,

                        children: <Widget>[

                          Image(

                            fit: BoxFit.cover,

                            width: MediaQuery.of(context).size.width,

                            height: 150.0,

                            image: AssetImage('assets/images/no_photo_available.png'),

                          ),


                          Row(


                            children: <Widget>[

                              Image(

                                fit: BoxFit.cover,

                                width: 50,

                                height: 50.0,

                                image: AssetImage('assets/images/no_photo_available.png'),

                              ),

                              SizedBox(

                                width: 5,

                              ),

                              Expanded(

                                child: Column(

                                  crossAxisAlignment: CrossAxisAlignment.start,

                                  children: <Widget>[

                                    Text("Author",textAlign: TextAlign.start,),

                                    Text("Lorem Ipsum Author",textAlign: TextAlign.start,style: TextStyle(fontSize: 18,fontWeight: FontWeight.normal),),

                                    Row(

                                      children: <Widget>[

                                        Text("\$24",textAlign: TextAlign.end,),

                                        Icon(Icons.star,color: Colors.amberAccent,),

                                      ],

                                    ),


                                  ],

                                ),

                              ),

                            ],

                          ),

                        ],


                      ),


                    ],

                  )

              );

            }

        ),


      )

Comments