Try below code hope its helpful to you.
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Name",
),
SizedBox(
height: 8,
),
],
),
),
Container(
width: 18,
height: 18,
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
image: AssetImage('assets/tripple_dot.png')),
),
)
],
),
Text(
"Rp. 10.000",
),
],
),
Your result screen-> [![enter image description here][1]][1]
[1]: https://i.stack.imgur.com/XnziA.png
You want to wrap your card in a `Column` because the inner Column take full height
Column(children: <Widget>[
Card(
margin: const EdgeInsets.all(10.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AspectRatio(
aspectRatio: 18.0 / 13.0,
child: Image.network(
"https://picsum.photos/200",
fit: BoxFit.fill,
),
),
Padding(
padding: EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Just add your desired image size (width & height) after our URL, and you'll get a random image.",
textAlign: TextAlign.center,
),
],
),
),
],
),
)
])
[![enter image description here][1]][1]
[1]: https://i.stack.imgur.com/DCeSM.png
