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

【问题标题】：How to use the flutter native splash screenflutter原生启动画面的使用方法
【发布时间】：2022-12-22 08:16:58
【问题描述】：

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

【问题讨论】：

您在哪个平台上遇到问题？您可以从pubspec.yaml 发布您的flutter_native_splash 配置吗？你运行命令flutter pub run flutter_native_splash:create了吗？
我正在使用安卓平台

标签： flutter

【解决方案1】：

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

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

在pubspec.yaml中添加flutter_native_splash: ^2.1.1dev_dependencies（请将^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 生成原生启动画面。

【讨论】：

【解决方案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。同时取消注释文件中的注释代码。

【讨论】：

【解决方案3】：

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

【讨论】：