FlutterのTextFieldが複数行の時に文字の開始位置を上寄せにする方法

スポンサーリンク
アプリ開発
文字が上寄せになる

FlutterでTextFieldをMultilineにした時、文字が中央によっているのを上寄せにする方法です。

TextFormField(
  maxLines: null,
  minLines: 3,
  controller: _targetTextController,
  decoration: InputDecoration(
    border: OutlineInputBorder(),
    filled: true,
    hintText: 'プレースホルダ',
    labelText: 'ラベル',
    //この一行
    alignLabelWithHint: true,
    icon: Icon(Icons.notes),
    suffixIcon: IconButton(
      icon: Icon(Icons.clear),
      onPressed: (){_targetTextController.clear();},
    ),
  ),
),

TextField(TextFormField)のdecorationの中に「alignLabelWithHint: true;」を記載する。

暇な時間にU-NEXT!

今なら無料1ヶ月無料トライアル600円分の有料コンテンツを使えるチャンス!

見放題作品が31日間無料で視聴可能最新作はレンタル配信!

600円分のポイントプレゼント!DVD・ブルーレイよりも先行配信の最新作、放送中ドラマの視聴や最新コミックの購入に使用可能

 

追加料金なく、80誌以上の雑誌が読み放題

 

アプリ開発 未分類
スポンサーリンク
uediveをフォローする
SEの休日

コメント

タイトルとURLをコピーしました