「Flutter/UI」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→画面右下にボタンを表示) |
|||
行63: | 行63: | ||
), | ), | ||
); | ); | ||
+ | |||
+ | ==入力フォーム== | ||
+ | TextFormField( | ||
+ | decoration: InputDecoration( | ||
+ | labelText: 'Enter your username' | ||
+ | ), | ||
+ | ), |
2019年4月28日 (日) 18:15時点における版
body内に複数行textを表示
body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'hello', ), Text( '$_counter', style: Theme.of(context).textTheme.display1, ), RaisedButton( child: Text('Back to MyPage 1'), onPressed: () { Navigator.pop(context); }, ), ], ), ),
body内にボタンを表示
body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'hello', ), RaisedButton( child: Text('button1'), onPressed: () { // ボタン処理 }, ), ], ), ),
画面右下にボタンを表示
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), ), );
入力フォーム
TextFormField( decoration: InputDecoration( labelText: 'Enter your username' ), ),