それぞれのテキストフィールドの間に20pxにmarginを設置したいと思い、wrapを使って実現しようとしています。
labelは使わずにtextとtextfieldを一セットとした構造にしたいのですが、各々が独立した要素になってしまっているため、spacing: 20.0,としたところラベルの役割を果たすはずのテキストとテキストフィールドの間にも20pxのmarginが適用されてします状況です。
解決策として、textとtextfieldを一つのwidgetでラップするしようと思ったのですが、flutterにはhtmlでいうdivタグみたいなものはありますか?
flutter
1child: Wrap( 2 direction: Axis.vertical, 3 spacing: 20.0, 4 children: <Widget>[ 5 Container( 6 child: Text("", style: value.headline), 7 ), 8 Text("", style: TextStyle( 9 fontSize: Theme.of(context).textTheme.caption.fontSize, 10 fontWeight: FontWeight.bold) 11 ), 12 Container( 13 child: DropdownButton<String>( 14 value: value.agency, 15 hint: Text(""), 16 onChanged: (val) => value.agency = val, 17 items: value.agencyList 18 .map<DropdownMenuItem<String>>((Map value) { 19 return DropdownMenuItem<String>( 20 value: value["value"], 21 child: Text(value["label"]), 22 ); 23 }).toList(), 24 ), 25 ), 26 Text("氏名", style: TextStyle( 27 fontSize: Theme.of(context).textTheme.caption.fontSize, 28 fontWeight: FontWeight.bold) 29 ), 30 Container( 31 width: 295.0, 32 child: TextField(), 33 ), 34 Text("フリガナ", style: TextStyle( 35 fontSize: Theme.of(context).textTheme.caption.fontSize, 36 fontWeight: FontWeight.bold) 37 ), 38 Container( 39 width: 295.0, 40 child: TextField(), 41 ), 42 Text("性別", style: TextStyle( 43 fontSize: Theme.of(context).textTheme.caption.fontSize, 44 fontWeight: FontWeight.bold) 45 ), 46 Container( 47 margin: EdgeInsets.only(bottom: 20.0), 48 child: DropdownButton<String>( 49 value: value.genderValue, 50 onChanged: (val) => value.genderSelect = val, 51 items: value.genderList 52 .map<DropdownMenuItem<String>>((Map value) { 53 return DropdownMenuItem<String>( 54 value: value["value"], 55 child: Text(value["label"]), 56 ); 57 }).toList(), 58 )), 59 Text("生年月日", style: TextStyle( 60 fontSize: Theme.of(context).textTheme.caption.fontSize, 61 fontWeight: FontWeight.bold) 62 ), 63 ConstrainedBox( 64 constraints: BoxConstraints.expand(height: 25.0, width: 200.0), 65 child: Row( 66 children: <Widget>[ 67 Container( 68 width: 45.0, 69 child: InBirthday(length: 4), 70 ), 71 Text("年"), 72 Container( 73 width: 24.0, 74 child: InBirthday(length: 2), 75 ), 76 Text("月"), 77 Container( 78 width: 24.0, 79 child: InBirthday(length: 2), 80 ), 81 Text("日"), 82 ], 83 ), 84 ), 85 Center( 86 child: Container( 87 margin: EdgeInsets.only(top: 60.0), 88 child: RaisedButton( 89 child: Text("次へ"), 90 ), 91 )), 92 ], 93 )
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。