star game

Container(

        height: 150,

        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: Column(

                    children: <Widget>[

                      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>[

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

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

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

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

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

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

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

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

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

                        ],

                      ),

                      Row(

                        children: <Widget>[

                          Text("write a review...",textAlign: TextAlign.start,style: TextStyle(color: Colors.blue,fontSize: 16),),

                        ],

                      ),

                    ],

                  )

              );

            }

        ),


      )

Comments