小编Cod*_*dhu的帖子

默认情况下,如何将 Flutter 应用主题设置为深色?

我在flutter中创建了一个简单的登录UI,但我不知道如何使应用程序的整体主题变得黑暗。我的意思是,将来,如果我向应用程序添加更多功能,它应该都在黑暗主题中。有没有办法做到这一点?

我使用了一个单独的 dart 文件 (login.dart),我的登录 UI 中使用的所有小部件都在这个文件中。我已在主 dart 文件 (main.dart) 中将 ThemeData 设置为深色,但该应用程序仍在以浅色主题运行。

这是我的代码:

main.dart

import 'package:flutter/material.dart';
import 'package:bidder_login/login.dart';

void main(){
    runApp(
        MaterialApp(
      theme: ThemeData(),
      darkTheme: ThemeData.dark(),
            debugShowCheckedModeBanner: false,
            title: "Basic Login Demo",
            home: LoginPage(),
        ),
    );
}
Run Code Online (Sandbox Code Playgroud)

登录.dart

import 'package:flutter/material.dart';

class LoginPage extends StatefulWidget {
    @override
    _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
    @override
    Widget build(BuildContext context) {
        return Scaffold(
            body: SafeArea(
                child: ListView(
                    padding: EdgeInsets.symmetric(horizontal: 24.0),
                    children: <Widget>[
                        SizedBox(height: 80.0),
                        // Column(
                        //  children: <Widget>[ …
Run Code Online (Sandbox Code Playgroud)

android dart flutter flutter-theme

6
推荐指数
1
解决办法
8374
查看次数

标签 统计

android ×1

dart ×1

flutter ×1

flutter-theme ×1