Flutter教学目录持续更新中

Github源代码持续更新中

1.CupertinoSwitch介绍

iOS风格的开关. 用于单一状态的开/关

2.CupertinoSwitch属性

• value：
• onChanged：回调监听
• activeColor：打开是轨道颜色
• trackColor：关闭时轨道颜色

3.CupertinoSwitch

1601970300(1).png

class _CupertinoSwitchPageState extends State<CupertinoSwitchPage> {
  bool _onOff = false;

  _myCupertinoSwitch() {
    return CupertinoSwitch(
      value: _onOff,
      onChanged: (onOff) {
        setState(() {
          _onOff = onOff;
        });
      },
      activeColor: Colors.blue,
      trackColor: Colors.amber,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('CupertinoSwitch'),
      ),
      body: Center(
        child: _myCupertinoSwitch(),
      ),
    );
  }
}

下一节：Cupertino组件之CupertinoPageScaffold、CupertinoNavigationBar

Flutter（42）：Cupertino组件之CupertinoPageScaffold、CupertinoNavigationBar

Flutter教学目录持续更新中

Github源代码持续更新中