facebook twitter hatena line email

「Flutter/UI」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==body内に複数行textを表示== body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[...」)
 
(body内にボタンを表示)
行38: 行38:
 
         ),
 
         ),
 
       ),
 
       ),
 +
 +
==画面右下にボタンを表示==
 +
floatingActionButtonをScaffoldの項目に追加
 +
    return Scaffold(
 +
      appBar: AppBar(
 +
        title: Text(widget.title),
 +
      ),
 +
      body: Center(
 +
        child: Column(
 +
          mainAxisAlignment: MainAxisAlignment.center,
 +
          children: <Widget>[
 +
            Text(
 +
              'hello',
 +
            ),
 +
          ],
 +
        ),
 +
      ),
 +
      floatingActionButton: FloatingActionButton(
 +
        onPressed: _incrementCounter,
 +
        tooltip: 'Increment',
 +
        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: _incrementCounter,
       tooltip: 'Increment',
       child: Icon(Icons.add),
     ),
   );