Flutter 知识点整理

flutter 中的checkbox

2021-04-27  本文已影响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,
      ),
    );
  }

}
上一篇 下一篇

猜你喜欢

热点阅读