zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

flutter switch开关按钮

flutter 按钮 switch 开关
2023-09-14 09:04:28 时间

参考


import 'package:flutter/material.dart';
 
 
class SwitchPage extends StatefulWidget {
    
    SwitchPage({Key key}) : super(key: key);
    @override
    _SwitchPageState createState() => _SwitchPageState();
}
 
class _SwitchPageState extends State<SwitchPage> {
 
    bool flag = true;
 
    @override
    Widget build(BuildContext context) {
        return Scaffold(
            appBar: AppBar(
                title: Text("Switch"),
            ),
            body:Padding(
                padding: EdgeInsets.all(20),
                child:Column(
                    children: <Widget>[
 
                        Row(
                            children: <Widget>[
                                SizedBox(height:40),
                                // 按钮开关
                                Switch(
                                    value: this.flag, 
                                    onChanged: (value){
                                        setState(() {
                                            this.flag = value;
                                        });
                                    }
                                )
                            ]
                        )
                    ],
                )
            )
        );
    }
}