如何在Android设备的navigationBar中添加渐变？

Question

我有一个 Flutter 应用，我正在尝试在应用的 NaviagtionBottomBar 中添加渐变。
我设法添加了一种单一的颜色，但我不明白如何添加渐变。

这是我的代码，这是输出

styles.xml

<?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:windowFullscreen">true</item>
    </style>
    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:navigationBarColor">@color/blue</item>
    <item name="android:windowLightNavigationBar">true</item>
    </style>
</resources>

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="blue">#87ceeb</color>
</resources>

输出：

Answer 1

在您的 dart 代码中，您可以用 Container 包装 BottomNavigationBar 小部件，并将 BoxDecoration 设置为 Container 的装饰属性。然后为BoxDecoration设置渐变。