「Flutter/UI/SwitchListTile」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==スイッチウィジェット== trueとfalseの切り替えウィジェット <pre> bool _switchValue = false; String _switchTitle = "ロック"; Widget _passloc...」) |
|||
| 行21: | 行21: | ||
); | ); | ||
} | } | ||
| + | </pre> | ||
| + | |||
| + | ==iosスタイルスイッチ== | ||
| + | <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> | </pre> | ||
2019年12月6日 (金) 19:00時点における版
スイッチウィジェット
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スタイルスイッチ
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;
});
},
),
