Container(
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: 30.0,
height: 30.0,
image: AssetImage('assets/images/no_photo_available.png'),
),
),
SizedBox(
width: 15.0,
),
Text('Elizabeth Maule'),
Spacer(),
Icon(Icons.more_vert),
],
),
Row(
children: <Widget>[
Icon(Icons.star),
Icon(Icons.star),
Icon(Icons.star),
Icon(Icons.star_border),
Icon(Icons.star_border),
Container(
padding: EdgeInsets.symmetric(vertical: 20),
child: Text('12/02/2020',style: TextStyle(fontSize: 12,fontWeight: FontWeight.normal),),
),
],
),
Text('I have updated flutter, and android studio the The edge of the RenderFlex The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex',
maxLines: 3,
softWrap: true,
overflow: TextOverflow.ellipsis,
),
Row(
children: <Widget>[
Text('Was this review helpful?',textAlign: TextAlign.center, style: TextStyle(fontWeight: FontWeight.normal,fontSize: 14,color: Colors.black54),),
Spacer(),
Container(
//width: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Colors.blueGrey,
),
padding: EdgeInsets.symmetric(horizontal: 10,vertical: 10),
child: InkWell(
onTap: (){},
child: Text('Yes',textAlign: TextAlign.center, style: TextStyle(fontWeight: FontWeight.normal,fontSize: 14,color: Colors.white),),
),
),
Container(
//width: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Colors.blueGrey,
),
padding: EdgeInsets.symmetric(horizontal: 10,vertical: 10),
child: InkWell(
onTap: (){},
child: Text('No',textAlign: TextAlign.center, style: TextStyle(fontWeight: FontWeight.normal,fontSize: 14,color: Colors.white),),
),
)
],
),
Container(
padding: EdgeInsets.all(20),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
color: Colors.grey,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Row(
children: <Widget>[
Text('inShot Inc',textAlign: TextAlign.center, style: TextStyle(fontWeight: FontWeight.normal,fontSize: 14,color: Colors.black54),),
Spacer(),
Text('19/02/2020',textAlign: TextAlign.center, style: TextStyle(fontWeight: FontWeight.normal,fontSize: 14,color: Colors.black54),),
],
),
Container(
child: Text('This section shows how the alignment affects the placement of the elements. The container width and height have been adjusted to 280, just a little too short for four items it fit.',
textAlign: TextAlign.start,
style: TextStyle(fontWeight: FontWeight.w500,fontSize: 14,color: Colors.white,height: 2),),
)
],
),
),
Text('See all reviews',
maxLines: 3,
softWrap: true,
overflow: TextOverflow.ellipsis,
),
],
),
)
Comments
Post a Comment