アプリ開発 未分類

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;」を記載する。

-アプリ開発, 未分類