youtube stylw

  Container(

            decoration: BoxDecoration(

              border: Border.all(

                color: Colors.red, //                   <--- border color

                width: 1.0,

              ),

            ),

            padding: const EdgeInsets.symmetric(

              vertical: 10.0,

              horizontal: 15.0,

            ),

            margin: const EdgeInsets.symmetric(

              vertical: 10.0,

              horizontal: 15.0,

            ),

            child: Column(

              crossAxisAlignment: CrossAxisAlignment.start,

              children: <Widget>[

                Row(

                  children: <Widget>[

                    ClipRRect(

                      borderRadius: BorderRadius.circular(200),

                      child: Image.asset('assets/images/no_photo_available.png',width: 40,height: 30,),

                    ),

                    Expanded(

                      child: Row(

                        children: <Widget>[

                            Text('Loream Ipsum'),

                            Text('1209'),

                            Text('1 d ago'),

                        ],

                      ),

                    )

                  ],

                ),

                SizedBox(

                  height: 15.0,

                ),

                Row(

                 children: <Widget>[


                   Expanded(

                     child: Container(

                       height: 90.0,

                       child: Column(

                         crossAxisAlignment: CrossAxisAlignment.start,

                         children: <Widget>[

                           Text(

                             'the loream Ipsoun for development app Flutter library to load and cache network images. Can also be used with placeholder and error widgets.',

                             maxLines: 4,

                             overflow: TextOverflow.ellipsis,

                             style: TextStyle(

                               fontSize: 16.0,

                               height: 1.2,

                             ),

                           ),


                         ],

                       ),

                     ),

                   ),

                   SizedBox(

                     width: 15.0,

                   ),

                   Image(

                     fit: BoxFit.cover,

                     width: 90.0,

                     height: 90.0,

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

                   ),


                 ],

               ),

                SizedBox(

                  height: 15.0,

                ),

                Row(

                  children: <Widget>[


                    Expanded(

                      child: Container(

                        child: Column(

                          crossAxisAlignment: CrossAxisAlignment.start,

                          children: <Widget>[

                            Row(

                              children: <Widget>[

                                Expanded(

                                  child: Row(

                                    children: <Widget>[

                                      Icon(Icons.thumb_up,color: MyColors.littleImportant(),),

                                      Text('2983'),

                                      Icon(Icons.thumb_down,color: MyColors.littleImportant(),),

                                    ],

                                  ),

                                ),

                                Container(

                                  width: 100.0,

                                  child: Row(

                                    mainAxisAlignment: MainAxisAlignment.end,

                                    children: <Widget>[

                                      Icon(Icons.comment,color: MyColors.littleImportant(),),

                                    _childPopup(),

                                    ],

                                  )

                                ),

                              ],

                            ),

                          ],

                        ),

                      ),

                    ),

                  ],

                ),

              ],

            ),

          ),

Comments