facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(iosスタイルスイッチ)
 
行22: 行22:
 
   }
 
   }
 
</pre>
 
</pre>
 
==iosスタイルスイッチ==
 
Cupertinoスイッチ
 
 
<pre>
 
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;
 
            });
 
          },
 
        ),
 
</pre>
 
 
参考:https://qiita.com/matsukatsu/items/e289e30231fffb1e4502
 

2019年12月11日 (水) 17: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';
        });
      },
    );
  }