flutter原生启动画面的使用方法

Question

我在使用 flutter native splash screen 时遇到问题。当我尝试使用 flutter_native_splash 包时出现空白屏幕https://pub.dev/packages/flutter_native_splash

Answer 1

您可以手动为两个（android、iOS）平台创建原生启动画面以遵循文档（ https://docs.flutter.dev/development/ui/advanced/splash-screen ），但我建议您使用flutter_native_splash插件，因为它将节省您的时间并减少出错的机会。

在您的根项目路径中创建一个新的资产和徽标文件夹，并将您的splash_screen_logo.png像这样[project_name]/assets/logos/splash_screen_logo.png

在dev_dependencies中的pubspec.yaml添加flutter_native_splash: ^2.1.1 （请将^2.1.1 version替换为最新版本）

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_native_splash: ^2.1.1

将下面的代码粘贴到您的pubspec.yaml中并更改颜色和图像资产路径

flutter_native_splash:
  color: "#071b5d"
  image: assets/logos/splash_screen_logo.png
  android: true
  ios: true

最后在您的项目路径终端中，运行此命令： flutter pub run flutter_native_splash:create它将为 Android 和 iOS 生成原生启动画面。

Answer 2

真正完美的方法是不添加页面或使用插件，你甚至可以通过这种方法原生地完成：转到 => andoid > app > main > res > drawable > 在这个文件夹中你可以看到一个名为 lauch_background 的文件打开它，

<?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/white" />

  <!-- You can insert your own image assets here -->
   <item>
    <bitmap
        android:gravity="fill"
        android:src="@mipmap/ic_launcher" />
  </item>
   </layer-list>

在文件夹中添加您的图像并将图像文件名重命名为 ic_launcher。 同时取消注释文件中的注释代码。

Answer 3

为您参考此示例本机启动画面https://www.codegrepper.com/code-examples/whatever/flutter+native+splash+screen

Answer 4

这是正确的代码，正确的缩进很重要

 flutter_native_splash: ^2.2.16

flutter_native_splash：
颜色：“#004ab9” 图片：assets/finviobackground.png android: true ios: true

Answer 5

如果你想使用 Easy 方法添加原生 Flutter 启动画面和更改应用程序图标，则需要两个包

1. flutter_native_splash 2.2.16
2. flutter_launcher_icons

Flutter原生启动画面和应用程序图标更改-简单方法