質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Q&A

解決済

1回答

2303閲覧

Flutter TextFormFieldで改行できない

Gento

総合スコア77

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

0グッド

0クリップ

投稿2021/06/13 15:34

#なぜか改行ができない
動作の動画はこちら

TextFormFieldでTwitterの投稿画面のように、enterやreturnのようなキーで改行できるようにしたいです。

#該当のソース

dart

1SliverList( 2 delegate: SliverChildListDelegate(<Widget>[ 3 Container( 4 padding: EdgeInsets.symmetric( 5 vertical: 3 * SizeConfig.blockSizeVertical, 6 horizontal: 3 * SizeConfig.blockSizeVertical, 7 ), 8 child: Column( 9 children: <Widget>[ 10 // 省略 11 Column( 12 crossAxisAlignment: CrossAxisAlignment.start, 13 children: <Widget>[ 14 Container( 15 width: double.infinity, 16 child: Text( 17 '作品の見所', 18 style: Theme.of(context).textTheme.headline5, 19 textAlign: TextAlign.left, 20 ), 21 ), 22 ], 23 ), 24 Form( 25 key: _formKey, 26 child: ListView( 27 padding: EdgeInsets.only(top: 10), 28 shrinkWrap: true, 29 physics: NeverScrollableScrollPhysics(), 30 children: <Widget>[ 31 Row( 32 crossAxisAlignment: CrossAxisAlignment.start, 33 children: <Widget>[ 34 Container( 35 width: 50, 36 height: 400, 37 decoration: BoxDecoration( 38 border: Border.all( 39 width: 1, 40 color: Colors.grey, 41 ), 42 shape: BoxShape.circle), 43 child: Column( 44 crossAxisAlignment: CrossAxisAlignment.center, 45 mainAxisAlignment: MainAxisAlignment.center, 46 children: [ 47 Text('1'), 48 ], 49 ), 50 ), 51 SpaceBox.width(10), 52 Expanded( 53 child: TextFormField( 54 controller: _point1Controller, 55 keyboardType: TextInputType.multiline, 56 maxLength: null, 57 textInputAction: TextInputAction.newline, 58 decoration: InputDecoration(labelText: '見所1'), 59 ), 60 ), 61 ], 62 ), 63 ], 64 ), 65 ), 66 ], 67 ), 68 ), 69 ]), 70 )

なぜForm>ListView>Rowなのかと言うと、見所の入力フィールドを①〜③まで作りたいからです。

1

#疑問点

dart

1keyboardType: TextInputType.multiline, 2maxLength: null, 3textInputAction: TextInputAction.newline,

TextFormFieldに上記を追加するだけで改行できると思ったのですが、なぜできないのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

dart

1keyboardType: TextInputType.multiline, 2maxLength: null, // これがミス。。。「Length」ではなく「Lines」!!! 3maxLines: null, 4textInputAction: TextInputAction.newline,

これで普通に改行できるようになりました。。。。

こんなしょうもないミスで数時間を無駄にしました。。。

投稿2021/06/14 12:46

Gento

総合スコア77

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問