Flutter 移動跨平台開發技術
Switch與複選框Checkbox 共有屬性一覽：
activeColor → Color - 激活時原點的顔色。 activeThumbImage → ImageProvider - 原點還支援圖檔，激活時的效果。 activeTrackColor → Color - 激活時橫條的顔色。 inactiveThumbColor → Color - 非激活時原點的顔色。 inactiveThumbImage → ImageProvider - 非激活原點的圖檔效果。 inactiveTrackColor → Color - 非激活時橫條的顔色。 onChanged → ValueChanged - 改變時觸發。 value → bool - 切換按鈕的值。
Switch 核心使用方法
bool _switchSelected = false; //維護單選開關狀态Switch( //目前狀态 value: _switchSelected, // 激活時原點顔色 activeColor: Colors.blue, inactiveTrackColor: Colors.blue.shade50, onChanged: (value) { //重新建構頁面 setState(() { _switchSelected = value; });},)
IOS 風格的 CupertinoSwitch
CupertinoSwitch( value: _switchSelected, onChanged: (value) {},),
SwitchListTile
new SwitchListTile( secondary: const Icon(Icons.shutter_speed), title: const Text('硬體加速'), value: _switchSelected, onChanged: (bool value) { setState(() { _switchSelected = !_switchSelected; });},),
Checkbox
Checkbox( value: _checkboxSelected, //選中時的顔色 activeColor: Colors.red, onChanged: (value) { setState(() { _checkboxSelected = value; });},)
CheckboxListTile
CheckboxListTile( secondary: const Icon(Icons.shutter_speed), title: const Text('硬體加速'), value: _checkboxSelected, onChanged: (bool value) { setState(() { _checkboxSelected = !_checkboxSelected; }); }, ),