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

Posted 2023-02-15

【中文标题】启动画面颜色在颤振中没有改变

【英文标题】：Splash Screen Color not Changing in Flutter

【发布时间】：2021-08-23 19:33:20

【问题描述】：

我是 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")),
    );
  

应该是黑屏但还是白屏 不锈钢：

【问题讨论】：

看看***.com/questions/56583735/…

我已经看过了，但是教程也没有用，我不知道，有什么问题

【参考方案1】：

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

【参考方案2】：

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

首先，您需要在dependencies:下的pubspec.yaml文件中添加以下行

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's tutorial。