This is the code of one row (I have 6 rows):
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ClipOval(
child: Container(
height: 20,
width: 20,
color: Colors.lightBlue,
),
),
Text('Example 1'),
Text('96\'')
],
),
SizedBox(height: 8),
...
These rows are inside a Column that is inside a Container (All wrapped in a Card)
What should I change to get the result shown in the photo
You can use Expanded and Spacer to achieve such behavior.
Just change your Row
to the following
Row(
children: [
ClipOval(
child: Container(
height: 20,
width: 20,
color: Colors.lightBlue,
),
),
const Spacer(),
Expanded(
child: Text(text1),
),
Expanded(
child: Text(text2),
),
],
)