Flutter(41):Cupertino组件之CupertinoSwitch

Flutter教学目录持续更新中

Github源代码持续更新中

1.CupertinoSwitch介绍

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

2.CupertinoSwitch属性

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

3.CupertinoSwitch

1601970300(1).png
class _CupertinoSwitchPageState extends State {
  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源代码持续更新中

你可能感兴趣的:(Flutter(41):Cupertino组件之CupertinoSwitch)