flutter 中的checkbox

作者: 跨界师 | 来源:发表于2021-04-27 14:17 被阅读0次

checkbox 是一个开关控件,这个控件主要是起到了开关功能,如下图:

image.png

代码如下:

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';

/**
 * 开关控件
 */
void main() {
  runApp(myApp());
}

class myApp extends StatelessWidget{

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      title: 'fade demo',
      theme: ThemeData(
        primarySwatch: Colors.blue
      ),
      home: CupertinoSwitchDemo()
    );
  }
}

class CupertinoSwitchDemo extends StatefulWidget{

  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _CupertinoSwitchDemo();
  }
}


class _CupertinoSwitchDemo extends State<CupertinoSwitchDemo>{

  bool _value = true;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: CupertinoSwitch(
          value: _value,
          onChanged: (bool value){
            setState(() {
              _value = value;
            });
          },
        activeColor: Colors.red,
      ),
    );
  }

}

相关文章

网友评论

    本文标题:flutter 中的checkbox

    本文链接:https://www.haomeiwen.com/subject/tzgurltx.html