「Flutter/UI」の版間の差分

提供: 初心者エンジニアの簡易メモ
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
 
(同じ利用者による、間の21版が非表示)
3行目: 3行目:
[[flutter/UI/Button]]
[[flutter/UI/Button]]


==入力フォーム==
[[flutter/UI/Container]]
TextFormField(
              decoration: InputDecoration(
                  labelText: 'Enter your username'
              ),
),


==複数行入力フォーム==
[[flutter/UI/TextField]]
Container(
              margin: EdgeInsets.all(8.0),
              // hack textfield height
              padding: EdgeInsets.only(bottom: 40.0),
              child: TextField(
                keyboardType: TextInputType.multiline,
                maxLines: 6,
                decoration: InputDecoration(
                  hintText: "テキストを作成",
                  border: OutlineInputBorder(),
                ),
                autofocus: true,
                onChanged: (text) {
                  // value = text;
                },
              ),
),
==入力フォームにデフォルトで文字入力==
  TextEditingController _controller;
  @override
  void initState() {
    super.initState();
    // _controller = new TextEditingController(text: 'hogehoge'); // これでもよい
    _controller = new TextEditingController();
    _controller.text = "hogehoge";
  }
// 略
child: TextField(
                controller: _controller,
                keyboardType: TextInputType.multiline,
),


参考:https://stackoverflow.com/questions/43214271/how-do-i-supply-an-initial-value-to-a-text-field
[[flutter/UI/ListView]] [dir]


==入力フォームにスクロール追加==
[[flutter/UI/PageView]]
http://karmactonics.hatenablog.com/entry/2018/09/08/102436
 
[[flutter/UI/ListTile]]
 
[[flutter/UI/SwitchListTile]]
 
[[flutter/UI/BottomNavigationBar]]
 
[[flutter/UI/DropdownButton]]
 
[[flutter/UI/Scaffold]]
 
[[flutter/UI/CircleAvatar]]
 
[[flutter/UI/Draggable]]
 
[[flutter/UI/Cupertino]] [dir]
 
[[flutter/UI/余白]]
 
[[flutter/UI/ダークモード]]
 
[[flutter/UI/横縦並び・比率]]
 
[[flutter/UI/別widget切出]]
 
[[flutter/UI/その他]]

2020年1月20日 (月) 14:14時点における最新版