dart 闪屏颜色在抖动中不变化

6jjcrrmo 于 2023-07-31 发布在其他

关注(0)|答案(5)|浏览(110)

我对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：

的数据

dart

来源：https://stackoverflow.com/questions/67859371/splash-screen-color-not-changing-in-flutter

5条答案

按热度按时间

falq053o1#

您还需要在drawable-v21文件夹的launch_background.xml文件中进行与drawable文件夹相同的更改。
改变

<item android:drawable="?android:colorBackground" />

字符串
到您所做的调整@android:color/black（或自定义colors.xml文件的@color/backgroudColor）;

<item android:drawable="@color/backgroudColor" />

型

赞(0）回复(0）举报 2023-07-31

ux6nzvsh2#

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

赞(0）回复(0）举报 2023-07-31

zazmityj3#

您可以使用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文件看起来像这样：
x1c 0d1x的数据
现在生成启动画面：

在你的fluter项目中打开终端
运行此命令：flutter clean && flutter pub get && flutter pub run flutter_native_splash:create
开始您的应用：D

如果背景颜色没有改变，请从手机/模拟器中卸载应用程序，然后重新启动应用程序。
更多详情，请参阅Johannes Milke's tutorial。

赞(0）回复(0）举报 2023-07-31

bakd9h0s4#

<?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>

型

赞(0）回复(0）举报 2023-07-31

uyto3xhc5#

如果你已经更新了colors.xml（android/app/src/main/res/values/）和launch_background.xml（android/app/src/main/res/drawable & /drawable-v21）文件，但仍然无法正常工作，请确保styles.xml（android/app/src/main/res/values/）文件指向你想要的颜色，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
        <item name="android:windowBackground">@drawable/launch_background</item>
        <item name="android:windowSplashScreenBackground">@color/yourColor</item>
    </style>
    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
        <item name="android:windowBackground">@color/yourColor</item>
    </style>
</resources>

字符串

赞(0）回复(0）举报 2023-07-31

我来回答

dart 闪屏颜色在抖动中不变化

5条答案

相关问题

热门标签

最新问答