|
|
| (同じ利用者による、間の22版が非表示) |
| 1行目: |
1行目: |
| [[flutter/UI/Text]] | | [[flutter/UI/Text]] |
|
| |
|
| | [[flutter/UI/Button]] |
|
| |
|
| ==body内にボタンを表示==
| | [[flutter/UI/Container]] |
| body: Center(
| |
| child: Column(
| |
| mainAxisAlignment: MainAxisAlignment.center,
| |
| children: <Widget>[
| |
| Text(
| |
| 'hello',
| |
| ),
| |
| RaisedButton(
| |
| child: Text('button1'),
| |
| onPressed: () {
| |
| // ボタン処理
| |
| },
| |
| ),
| |
| ],
| |
| ),
| |
| ),
| |
|
| |
|
| ==画面右下にボタンを表示==
| | [[flutter/UI/TextField]] |
| floatingActionButtonをScaffoldの項目に追加
| |
| return Scaffold(
| |
| appBar: AppBar(
| |
| title: Text(widget.title),
| |
| ),
| |
| body: Center(
| |
| child: Column(
| |
| mainAxisAlignment: MainAxisAlignment.center,
| |
| children: <Widget>[
| |
| Text(
| |
| 'hello',
| |
| ),
| |
| ],
| |
| ),
| |
| ),
| |
| floatingActionButton: FloatingActionButton(
| |
| onPressed:() {
| |
| // ボタン処理
| |
| },
| |
| tooltip: 'Increment',
| |
| child: Icon(Icons.add),
| |
| ),
| |
| );
| |
|
| |
|
| ==入力フォーム==
| | [[flutter/UI/ListView]] [dir] |
| TextFormField(
| |
| decoration: InputDecoration(
| |
| labelText: 'Enter your username'
| |
| ),
| |
| ),
| |
|
| |
|
| ==複数行入力フォーム==
| | [[flutter/UI/PageView]] |
| 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/ListTile]] |
|
| |
|
| ==入力フォームにスクロール追加==
| | [[flutter/UI/SwitchListTile]] |
| http://karmactonics.hatenablog.com/entry/2018/09/08/102436
| | |
| | [[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/その他]] |