flutter的主题

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        fontFamily: 'Roboto', // 设置主题的字体样式
        colorScheme: ColorScheme.light(
          background: Colors.white, // 设置主题的背景颜色
        ),
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter 主题示例'),
      ),
      body: Center(
        child: Text(
          '这是一个使用自定义主题的示例',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

添加暗黑主题

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        brightness: Brightness.light, // 设置为亮色主题作为默认主题
      ),
      darkTheme: ThemeData(
        brightness: Brightness.dark, // 设置为暗黑主题
      ),
      themeMode: ThemeMode.system, // 根据系统设置选择主题
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter 暗黑主题示例'),
      ),
      body: Center(
        child: Text(
          '这是一个使用暗黑主题的示例',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}