Container(
height: 250,
color: Colors.white,
child:ListView.builder(
scrollDirection: Axis.horizontal,
shrinkWrap: true,
physics: ScrollPhysics(),
itemCount: 15,
itemBuilder: (BuildContext context, int index) {
return Container(
width: 300,
margin: const EdgeInsets.all(15.0),
padding: const EdgeInsets.all(3.0),
decoration: BoxDecoration(
color: Colors.grey,
border: Border.all(
width: 1.0
),
borderRadius: BorderRadius.all(
Radius.circular(0.0) // <--- border radius here
),
),
child: Stack(
children: <Widget>[
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Image(
fit: BoxFit.cover,
width: MediaQuery.of(context).size.width,
height: 210.0,
image: AssetImage('assets/images/no_photo_available.png'),
),
],
),
Positioned(
bottom: 0,
left: 0,
child: Container(
width: 292,
height: 62,
color: Colors.black12,
child: Row(
children: <Widget>[
Image(
fit: BoxFit.cover,
width: 50,
height: 50.0,
image: AssetImage('assets/images/no_photo_available.png'),
),
SizedBox(
width: 5,
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text("Author",textAlign: TextAlign.start,),
Text("Lorem Ipsum Author",textAlign: TextAlign.start,style: TextStyle(fontSize: 12,fontWeight: FontWeight.normal),),
Row(
children: <Widget>[
Text("24",textAlign: TextAlign.end,),
Icon(Icons.star,color: Colors.amberAccent,),
],
),
],
),
),
Container(
padding: EdgeInsets.symmetric(vertical: 10,horizontal: 15),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
color: Colors.blue
),
//width: 20.0,
child: InkWell(
child: Text(
'Install',
style: TextStyle(
fontSize: 12.0,
color: Colors.white,
),
textAlign: TextAlign.center,
),
),
),
],
),
),
),
],
)
);
}
),
)
Comments
Post a Comment