Flutter Switch

Flutter 系列文章 总体目录

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 createState() => _SwitchDemo();
}

class _SwitchDemo extends State {
  bool _value = true;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Column(
      children: [
        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',
          ),
        ),
      ],
    );
  }
}

交流

如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。

同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。

Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。