Есть строка в ней два блока: картинка и колонка. В колонке несколько блоков: заголовок, текст и цена. Для картинки есть фиксированная ширина, благодаря чему картинка масштабируется и растягивает своей высотой строку. Как я могу опустить блок с ценой вниз, до нижнего края картинки ?
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
margin: EdgeInsets.only(
right: 16
),
child: ClipRRect(
borderRadius: BorderRadius.circular(16),
child: Image.asset(
'assets/photo.jpg',
width: 160
),
),
),
Expanded(
child: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
margin: EdgeInsets.only(bottom: 16),
child: Text(
"Wonderful haircut",
style: TextStyle(
fontSize: 20
),
)
),
Container(
child: Text(
"An undercut is typecally a cut done with clippers in the back.",
style: TextStyle(
fontSize: 18
),
),
),
Container(
margin: EdgeInsets.only(top: 30),
padding: EdgeInsets.symmetric(vertical: 6, horizontal: 16),
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.circular(16)
),
child: Text(
"\$50",
style: TextStyle(
fontSize: 20,
color: Colors.white
)
),
)
],
)
),
)
],
)