「Flutter/UI/TextField」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「 ==入力フォーム== TextFormField( decoration: InputDecoration( labelText: 'Enter your username' ), ), ==複数行入...」) |
(→入力フォームにデフォルトで文字入力) |
||
| 行26: | 行26: | ||
), | ), | ||
==入力フォームにデフォルトで文字入力== | ==入力フォームにデフォルトで文字入力== | ||
| − | + | TextEditingController _controller; | |
| − | + | @override | |
| − | + | void initState() { | |
super.initState(); | super.initState(); | ||
| − | |||
_controller = new TextEditingController(); | _controller = new TextEditingController(); | ||
_controller.text = "hogehoge"; | _controller.text = "hogehoge"; | ||
| + | // _controller = new TextEditingController(text: 'hogehoge'); // こちらでもよい | ||
} | } | ||
// 略 | // 略 | ||
2019年5月7日 (火) 01:32時点における版
入力フォーム
TextFormField(
decoration: InputDecoration(
labelText: 'Enter your username'
),
),
複数行入力フォーム
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();
_controller.text = "hogehoge";
// _controller = new TextEditingController(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
