'I am trying to use flutter row widget with separate MainAxisValues for each child but its not working
Row(
mainAxisAlignment: MainAxisAlignment.values [MainAxisAlignment.start, MainAxisAlignment.start, MainAxisAlignment.end],
children: <Widget>[
Container(
width: 40,
height: 40,
child: DecoratedBox(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(40.0)) ,
color: Colors.teal,
image: DecorationImage(
image: AssetImage('assets/fly.jpg'),
// ...
),
// ...
)
),
),
Column(
children: <Widget>[
Text('James Henry', textAlign: TextAlign.left,),
Row(
children: <Widget>[
Text('status: '),
Text('Test Completed')
],
)
],
),
Icon(Icons.remove_circle_outline),
],
),
Solution 1:[1]
Your syntax is not valid. This is a quick and dirty way, but it gets the job done.:
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Container(
width: 40,
height: 40,
child: DecoratedBox(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(40.0)),
color: Colors.teal,
image: DecorationImage(
image: AssetImage('assets/fly.jpg'),
// ...
),
// ...
)),
),
Column(
children: <Widget>[
Text(
'James Henry',
textAlign: TextAlign.left,
),
Row(
children: <Widget>[Text('status: '), Text('Test Completed')],
)
],
),
Expanded(
child: Container(),
),
Icon(Icons.remove_circle_outline),
],
),
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 |
