flutter 中的checkbox

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中使用Text来实现一般的文本,构建一个Text方法如下: 属性 [站外图片上传中...(im...
    日思日睿阅读 1,781评论 0 0
  • 本篇参考资料《Flutter实战》本篇文章只是本人看书的理解和整理的笔记,更完整的内容还在书上!电子书链接:htt...
    番茄tomato阅读 446评论 0 0
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,858评论 2 59
  • 1 前言 OpenCV中用于和操作系统、文件系统及相机等硬件交互的函数被包含在模块HighGUI(high-lev...
    RichardJieChen阅读 1,762评论 0 6
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,917评论 3 184