美文网首页
Flutter笔记 - Switch/MaterialButto

Flutter笔记 - Switch/MaterialButto

作者: 小明2021 | 来源:发表于2022-11-05 17:15 被阅读0次

    iOS样式的Switch按钮

    截屏2022-11-05 17.11.36.png
                CupertinoSwitch(value: isSwichFlag, onChanged: (value) {
                  setState(() {
                    isSwichFlag = value;
                  });
                }, activeColor: Colors.red,),
    

    按钮的简单应用MaterialButton,加圆角、边框、去阴影等

    MaterialButton(
                    onPressed: () {},
                    child: Text("按钮"),
                    color: Colors.red,
                    elevation: 0.0, // 去掉阴影
                    padding: EdgeInsets.all(0),
                    height: 40,
                    minWidth: 40,
                    shape: RoundedRectangleBorder( // 圆角、边框
                      borderRadius: BorderRadius.circular(10),
                      side: BorderSide(
                        color: Colors.blue,
                        width: 1
                      )
                      // borderRadius: BorderRadius.only(topLeft: Radius.circular(15),topRight: Radius.circular(10),bottomLeft: Radius.circular(9)),
                    ),
                  ),
    

    全局主题 - 在程序入口

    class MyApp extends StatelessWidget {
      const MyApp({Key? key}) : super(key: key);
    
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: "标题",
          theme: ThemeData(
              primarySwatch: Colors.green,
              splashColor: Colors.transparent,
              highlightColor: Colors.transparent,
              canvasColor: Colors.white, // 统一的页面背景色
          ),
          home: XMMainPage()
        );
      }
    }
    

    局部主题的使用 - 在具体的page页面

    Widget build(BuildContext context) {
        return Theme( // 这里设置的主题会覆盖全局主题。不设置的属性就用全局的
          data: Theme.of(context).copyWith(
            primaryColor: Colors.red,
          ),
          child: Scaffold(
            appBar: AppBar(
              title: Text("我的"),
            ),
    

    相关文章

      网友评论

          本文标题:Flutter笔记 - Switch/MaterialButto

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