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;      });    },  ),