I create many Row
items that contain inside of a Column
and want to make spacing between each row items. I tried to set with mainAxisAlignment
of Column
. But nothing changes between each Row
items. How to change or which widget I need to use for that?
Column( children: [ Row( children: [ Flexible( flex: 2, fit: FlexFit.tight, child: Container(child: kTextFieldLabelText('Name:')), ), Flexible( flex: 6, fit: FlexFit.loose, child: Container( //width: 100, child: TextFormField( decoration: kTextFormFieldsDecoration('Enter your name'), maxLines: 1, ), ), ), ], ), Row( children: [ Flexible( flex: 2, fit: FlexFit.tight, child: Container(child: kTextFieldLabelText('Name:')), ), Flexible( flex: 6, fit: FlexFit.loose, child: Container( //width: 100, child: TextFormField( decoration: kTextFormFieldsDecoration('Enter your name'), maxLines: 1, ), ), ), ], ), Row( children: [ Flexible( flex: 2, fit: FlexFit.tight, child: Container(child: kTextFieldLabelText('Name:')), ), Flexible( flex: 6, fit: FlexFit.loose, child: Container( //width: 100, child: TextFormField( decoration: kTextFormFieldsDecoration('Enter your name'), maxLines: 1, ), ), ), ], ), ], ),