By Ne0 — Dec 19, 2018

Flutter Switch

Switch一个开关控件。

属性	说明
value	true：开 false：关
onChanged	变化时回调
activeColor	打开状态下颜色
activeTrackColor	打开状态下track颜色
inactiveThumbColor	关闭状态thumb颜色
inactiveTrackColor	关闭状态track颜色
activeThumbImage	打开状态下thumb图片
inactiveThumbImage	关闭状态thumb图片
materialTapTargetSize	点击区域

track和thumb位置：

例子：

import 'package:flutter/material.dart';

class SwitchDemo extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _SwitchDemo();
}

class _SwitchDemo extends State<SwitchDemo> {
  bool _value = true;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Column(
      children: <Widget>[
        Switch(
          value: _value,
          onChanged: (newValue) {
            setState(() {
              _value = newValue;
            });
          },
          activeColor: Colors.red,
          activeTrackColor:Colors.black,
          inactiveThumbColor:Colors.green,
          inactiveTrackColor: Colors.blue,
          activeThumbImage: AssetImage(
            'images/1.png',
          ),
        ),
      ],
    );
  }
}