「Flutter/UI」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→body内にボタンを表示) |
(→画面右下にボタンを表示) |
||
行56: | 行56: | ||
), | ), | ||
floatingActionButton: FloatingActionButton( | floatingActionButton: FloatingActionButton( | ||
− | onPressed: | + | onPressed: : () { |
+ | // ボタン処理 | ||
+ | }, | ||
tooltip: 'Increment', | tooltip: 'Increment', | ||
child: Icon(Icons.add), | child: Icon(Icons.add), | ||
), | ), | ||
); | ); |
2019年4月28日 (日) 16:40時点における版
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), ), );