Skip to main content
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 I have updated.',
style: TextStyle(fontSize: 16,fontWeight: FontWeight.w700,),
softWrap: true,
maxLines: 3,
overflow: TextOverflow.visible,
textAlign: TextAlign.start,
),
],
),
Container(
height: 100,
color: Colors.white,
child:ListView.builder(
scrollDirection: Axis.horizontal,
shrinkWrap: true,
physics: ScrollPhysics(),
itemCount: 15,
itemBuilder: (BuildContext context, int index) {
return Container(
width: 100,
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>[
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text("Author",textAlign: TextAlign.start,),
Icon(Icons.star),
],
),
Text("2M reveiws",textAlign: TextAlign.start,style: TextStyle(fontSize: 12,fontWeight: FontWeight.normal),),
],
),
],
)
);
}
),
),
Container(
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
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(
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: 150,
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>[
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text("Author Book",textAlign: TextAlign.start,),
Image(
fit: BoxFit.cover,
width: MediaQuery.of(context).size.width,
height: 90.0,
image: AssetImage('assets/images/no_photo_available.png'),
),
],
),
],
)
);
}
),
),
],
),
)
Comments
Post a Comment