見出し画像

「FlutterFlow」 TextFieldの高さを変更する方法

みなさんこんにちは!Taiyoと申します!今回は、TextFieldの高さの変更について解説していきます!

Max LinesとMin Lines


FlutterFlowでアプリを作っている途中、ある違和感に気がつきました。あれ、TextFieldだけ高さの設定ができないぞと😇

これでは、大きめのインプットを作成することができません!でもご心配なく!Google大先生に聞いたところ解決策がありました!


それは、MaxLines と MinLinesです!

使い方としては、MinLines を 1 に設定すると、TextField は通常どおり表示され、MaxLines を 5 に設定すると、TextField の 5 行目まで高さが増加します。

Text Fieldの応用編として自動拡張と、垂直スクロールバーの表示についても解説します!!

Text Fieldの自動拡張

TextFieldの自動拡張をするには、MaxLinesの値を削除し、MinLinesを1に設定します。

垂直スクロールバーの表示

Text Fieldを数行まで自動拡張し垂直スクロールバーを表示してメッセージ全体を表示するには、最大行数をメッセージ全体を表示する値 (4 など) に設定し、最小行数を1に設定することで実装することができます!

みなさま良いFlutter Flowライフをお過ごしください〜!!ではまた〜🌞


この記事が気に入ったらサポートをしてみませんか?