block twiner flutter design block like social media

 Container(

        height: 400,

        padding: const EdgeInsets.symmetric(

          vertical: 10.0,

          horizontal: 15.0,

        ),

        child: Column(

          crossAxisAlignment: CrossAxisAlignment.start,

          children: <Widget>[

            Row(

              children: <Widget>[

                ClipOval(

                  child: Image(

                    fit: BoxFit.cover,

                    width: 90.0,

                    height: 90.0,

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

                  ),

                ),

                SizedBox(

                  width: 15.0,

                ),

                Expanded(

                  child: Container(

                    height: 250.0,

                    child: Column(

                      crossAxisAlignment: CrossAxisAlignment.start,

                      children: <Widget>[

                        Row(

                        children: <Widget>[

                          Text('Barack Obama'),

                          Text('@Barac...'),

                          Text('11h'),

                          Icon(Icons.more_vert),

                      ],

                    ),

                        Row(

                          children: <Widget>[

                            Text('If you can @build Electron.',

                              style: TextStyle(fontSize: 12,),

                              softWrap: true,

                              maxLines: 2,

                              overflow: TextOverflow.ellipsis,

                            ),

                          ],

                        ),

                      Row(

                        children: <Widget>[

                          Image(

                            fit: BoxFit.cover,

                            width: 200,

                            //height: 90.0,

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

                          ),

                        ],

                      ),

                        Row(

                          children: <Widget>[

                            Row(

                              children: <Widget>[

                                Icon(Icons.comment), // icon

                                Text("12k"),

                              ],

                            ),

                            Spacer(),

                            Row(

                              children: <Widget>[

                                Icon(Icons.threesixty), // icon

                                Text("12k"),

                              ],

                            ),

                            Spacer(),

                            Row(

                              children: <Widget>[

                                Icon(Icons.favorite_border), // icon

                                Text("2.2M"),

                              ],

                            ),

                            Spacer(),

                            Row(

                              children: <Widget>[

                                Icon(Icons.share), // icon

                              ],

                            ),

                          ],

                        ),

                      ],

                    ),

                  ),

                ),


              ],

            ),


                      ],

        ),

      )

Comments