flutter - 启动画面颜色在颤振中没有改变

Question

我是 Flutter 新手，仍在练习

我正在创建启动画面，但启动画面的颜色没有改变

我的代码：

-launch_background.xml

<?xml version="1.0" encoding="utf-8"?>
    <!-- Modify this file to customize your launch splash screen -->
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@android:color/black" />
    
        <!-- You can insert your own image assets here -->
        <!-- <item>
            <bitmap
                android:gravity="center"
                android:src="@mipmap/launch_image" />
        </item> -->
    </layer-list>

-main.dart

import 'package:flutter/material.dart';
import 'package:id_locker/Screens/HomeScreen.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomeScreen(),
    );
  }
}

-HomeScreen.dart

import 'package:flutter/material.dart';
import 'package:hexcolor/hexcolor.dart';

class HomeScreen extends StatefulWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(color: HexColor("#2301FA")),
    );
  }
}

它应该是黑屏，但它仍然是白屏 SS：

Answer 1

<?xml version="1.0" encoding="utf-8"?>
    <!-- Modify this file to customize your launch splash screen -->
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@color/bg" />
    
        <!-- You can insert your own image assets here -->
        <!-- <item>
            <bitmap
                android:gravity="center"
                android:src="@mipmap/launch_image" />
        </item> -->
    </layer-list>

在 res->values 中创建 colors.xml 并粘贴代码：

  <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <color name="bg">#f00000</color>
    </resources>

Answer 2

你编辑文件夹launch_background.xml里的吗？drawable您可能需要改为编辑文件夹launch_background.xml中的。drawable-v21或者，只需使用我维护的flutter_native_splash包。

Answer 3

您可以简单地使用flutter_native_splash设置和更改展位主题明暗。

首先，您需要将以下行添加到pubspec.yaml文件下dependencies:

flutter_native_splash: ^1.3.1

然后将flutter_native_splash:新部分添加到pubspec.yaml。现在，您可以通过在下面添加以下行来设置浅色和深色主题的启动背景颜色flutter_native_splash:

color: "#ff8a84"
color_dark: "#ad5f5c"
android: true
ios: true

android & ios 添加到供应摊位操作系统

最后，pubspec.yaml文件将如下所示：

现在生成启动画面：

• 在你的 fluter 项目中打开终端
• 运行这个命令：flutter clean && flutter pub get && flutter pub run flutter_native_splash:create
• 开始你的申请：D

如果背景颜色没有改变，请从手机/模拟器中卸载应用程序，然后重新启动应用程序。

有关更多详细信息，请参阅Johannes Milke 的教程。