block feed news of facebook design by using flutter

 Container(

      height: 420,

      margin: EdgeInsets.all(10),

      decoration: BoxDecoration(

        color: Colors.white60,

        border: Border.all(

            width: 1.0,

            color: Colors.black12

        ),

        borderRadius: BorderRadius.all(

            Radius.circular(5.0) //

          //                <--- border radius here

        ),

      ),


        child: Column(

          crossAxisAlignment: CrossAxisAlignment.start,

          children: <Widget>[

           Container(

             padding: EdgeInsets.all(10),

             child:  Row(

               children: <Widget>[

                 Image(

                   fit: BoxFit.cover,

                   width: 40.0,

                   height: 40.0,

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

                 ),

                 SizedBox(

                   width: 15.0,

                 ),

                 Expanded(

                   child: Container(

                     height: 40.0,

                     child: Column(

                       crossAxisAlignment: CrossAxisAlignment.start,

                       children: <Widget>[

                         Text(

                           'Top News',

                           style: TextStyle(

                             color: MyColors.littleImportant(),

                           ),

                         ),

                         Spacer(),

                         Text(

                           'Flutter library to load and cache network images. Can also be used with placeholder and error widgets.',

                           maxLines: 1,

                           overflow: TextOverflow.ellipsis,

                           style: TextStyle(

                             fontSize: 16.0,

                             height: 1.2,

                           ),

                         ),

                       ],

                     ),

                   ),

                 ),


               ],

             ),

           ),

            Column(

              children: <Widget>[

                Image(

                  fit: BoxFit.cover,

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

                  height: 250.0,

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

                ),

                SizedBox(

                  width: 15.0,

                ),

                Padding(

                  padding: EdgeInsets.all(10),

                  child: Text(

                    'Flutter library to load and cache network images. Can also be used with placeholder and error widgets.',

                    maxLines: 2,

                    overflow: TextOverflow.ellipsis,

                    style: TextStyle(

                      fontSize: 16.0,

                      height: 1.2,

                    ),

                  ),

                ),

              ],

            ),

            Padding(

              padding: EdgeInsets.all(10),

              child:  Row(

                mainAxisAlignment: MainAxisAlignment.spaceBetween,

                children: <Widget>[

                  Row(

                    children: <Widget>[

                      Text('Action1'),

                      SizedBox(

                        width: 20,

                      ),

                      Text('Action2'),

                    ],

                  ),

                  Spacer(),

                  Row(

                    children: <Widget>[

                      Icon(Icons.favorite),

                      SizedBox(

                        width: 10,

                      ),

                      Icon(Icons.share),

                    ],

                  ),

                ],

              ),

            ),

            ]

        ),

      ),

Comments