时间戳

首页 > 解决方案 > 如何在 Flutter 中为闪屏创建渐变色背景？

android - 如何在 Flutter 中为闪屏创建渐变色背景？

问题描述

我正在为我的 Flutter 应用程序处理启动画面，并且在可绘制文件夹中，我必须创建一个名为 colors.xml 的文件，以便更改启动画面的背景颜色。我发现很难使它成为渐变色。我的目的是使用两种不同的颜色创建从左上角开始到右下角结束的渐变背景颜色。有没有人有如何在 Flutter 中做到这一点的例子？谢谢！PS An android 和 ios 的流程有区别​​吗？

标签： androidxmlflutterdartsplash-screen

解决方案

1 在\android\app\src\main\res\drawable\launch_background.xml

改变这个：

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

至 ：

<item android:drawable="@drawable/gradient_background" />

2 创建这个文件\android\app\src\main\res\values\colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="gradientstart">#3587d0</color>
    <color name="gradientend">#36f1d3</color>
</resources>

3 最后，创建这个文件\android\app\src\main\res\drawable\gradient_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="@color/gradientstart"
        android:endColor="@color/gradientend"
        android:angle="90"/>    
</shape>

推荐阅读