Flutter TextFormFieldで改行できない
なぜか改行ができない
なぜ改行できない？？
— 高卒プログラマーげんと (@gento34165638) June 13, 2021
全く意味がわからない😭
Flutterでは簡単な入力フィールドを作るだけでも一苦労やな。。。 pic.twitter.com/FzvRcui0rs
TextFormFieldでTwitterの投稿画面のように、enterやreturnのようなキーで改行できるようにしたいです。
該当のソース
SliverList(
delegate: SliverChildListDelegate(<Widget>[
Container(
padding: EdgeInsets.symmetric(
vertical: 3 * SizeConfig.blockSizeVertical,
horizontal: 3 * SizeConfig.blockSizeVertical,
),
child: Column(
children: <Widget>[
// 省略
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
width: double.infinity,
child: Text(
'作品の見所',
style: Theme.of(context).textTheme.headline5,
textAlign: TextAlign.left,
),
),
],
),
Form(
key: _formKey,
child: ListView(
padding: EdgeInsets.only(top: 10),
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
children: <Widget>[
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
width: 50,
height: 400,
decoration: BoxDecoration(
border: Border.all(
width: 1,
color: Colors.grey,
),
shape: BoxShape.circle),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('1'),
],
),
),
SpaceBox.width(10),
Expanded(
child: TextFormField(
controller: _point1Controller,
keyboardType: TextInputType.multiline,
maxLength: null,
textInputAction: TextInputAction.newline,
decoration: InputDecoration(labelText: '見所1'),
),
),
],
),
],
),
),
],
),
),
]),
)
なぜForm＞ListView＞Rowなのかと言うと、見所の入力フィールドを①〜③まで作りたいからです。
疑問点
keyboardType: TextInputType.multiline,
maxLength: null,
textInputAction: TextInputAction.newline,
TextFormFieldに上記を追加するだけで改行できると思ったのですが、なぜできないのでしょうか？
0
