【Flutter】Flutter 应用主题 ( ThemeData | 动态修改主题 )（二）-阿里云开发者社区

【Flutter】Flutter 应用主题 ( ThemeData | 动态修改主题 )（二）

2022-01-29 220

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【Flutter】Flutter 应用主题 ( ThemeData | 动态修改主题 )（二）

二、完整代码示例

完整代码示例 :

import 'package:flutter/material.dart';
class ThemePage extends StatefulWidget {
  @override
  _ThemePageState createState() => _ThemePageState();
}
class _ThemePageState extends State<ThemePage> {
  /// 主题模式
  Brightness brightness = Brightness.light;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Theme 主题修改",
      theme: ThemeData(
        brightness: brightness,
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text("Theme 主题修改"),
        ),
        body: Column(
          children: <Widget>[
            RaisedButton(
              onPressed: (){
                setState(() {
                  brightness = Brightness.light;
                });
              },
              child: Text("切换到日间主题"),
            ),
            RaisedButton(
              onPressed: (){
                setState(() {
                  brightness = Brightness.dark;
                });
              },
              child: Text("切换到夜间主题"),
            ),
          ],
        ),
      ),
    );
  }
}