facebook twitter hatena line email

「Flutter/UI/SwitchListTile」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(iosスタイルスイッチ)
行24: 行24:
  
 
==iosスタイルスイッチ==
 
==iosスタイルスイッチ==
 +
Cupertinoスイッチ
 +
 
<pre>
 
<pre>
 
ListTile(
 
ListTile(
行47: 行49:
 
         ),
 
         ),
 
</pre>
 
</pre>
 +
 +
参考:https://qiita.com/matsukatsu/items/e289e30231fffb1e4502

2019年12月11日 (水) 02:55時点における版

スイッチウィジェット

trueとfalseの切り替えウィジェット

  bool _switchValue = false;
  String _switchTitle = "ロック";
  Widget _passlockSwitch() {
    return SwitchListTile(
      value: _switchValue,
      title: Text(
        _switchTitle,
        style: TextStyle(
            locale: Locale("ja", "JP")
        ),
      ),
      onChanged: (bool value) {
        setState(() {
          _switchValue = value;
          //_switchTitle = 'Switch value = $_switchValue';
        });
      },
    );
  }

iosスタイルスイッチ

Cupertinoスイッチ

ListTile(
          title: Text('スイッチ1',
            style: TextStyle(
              locale: Locale("ja", "JP"),
              fontSize: 15.0,
            ),
          ),
          trailing: CupertinoSwitch(
            value: _switchValue1,
            onChanged: (bool value) {
              setState(() {
                _switchValue1 = value;
              });
            },
          ),
          onTap: () {
            setState(() {
              _switchValue1 = !_switchValue1;
            });
          },
        ),

参考:https://qiita.com/matsukatsu/items/e289e30231fffb1e4502