「Flutter/UI」の版間の差分

提供: 初心者エンジニアの簡易メモ
ナビゲーションに移動 検索に移動
編集の要約なし
 
(同じ利用者による、間の34版が非表示)
1行目: 1行目:
==body内に複数行textを表示==
[[flutter/UI/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内にボタンを表示==
[[flutter/UI/Button]]
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'hello',
            ),
            RaisedButton(
              child: Text('button1'),
              onPressed: () {
                // ボタン処理
              },
            ),
          ],
        ),
      ),


==画面右下にボタンを表示==
[[flutter/UI/Container]]
floatingActionButtonをScaffoldの項目に追加
 
    return Scaffold(
[[flutter/UI/TextField]]
      appBar: AppBar(
 
        title: Text(widget.title),
[[flutter/UI/ListView]] [dir]
      ),
 
      body: Center(
[[flutter/UI/PageView]]
        child: Column(
 
          mainAxisAlignment: MainAxisAlignment.center,
[[flutter/UI/ListTile]]
          children: <Widget>[
 
            Text(
[[flutter/UI/SwitchListTile]]
              'hello',
 
            ),
[[flutter/UI/BottomNavigationBar]]
          ],
 
        ),
[[flutter/UI/DropdownButton]]
      ),
 
      floatingActionButton: FloatingActionButton(
[[flutter/UI/Scaffold]]
        onPressed: : () {
 
              // ボタン処理
[[flutter/UI/CircleAvatar]]
            },
 
        tooltip: 'Increment',
[[flutter/UI/Draggable]]
        child: Icon(Icons.add),
 
      ),
[[flutter/UI/Cupertino]] [dir]
    );
 
[[flutter/UI/余白]]
 
[[flutter/UI/ダークモード]]
 
[[flutter/UI/横縦並び・比率]]
 
[[flutter/UI/別widget切出]]
 
[[flutter/UI/その他]]

2020年1月20日 (月) 14:14時点における最新版