我们在上一章回中介绍了"使用intl插件时遇到的问题"相关的内容，本章回中将介绍实现splash页面的另外一种方法.闲话休提，让我们一起Talk Flutter吧。

1. 概念介绍

我们在本章回中介绍的splash页面就是程序启动时显示的页面，我们在一百四十一回介绍过它的实现方法，不过我们介绍的是官方提供的方法，我们将在本章回中介绍
另外一种实现方法:通过flutter_native_splash插件实现splash页面。

2. 实现方法

我们首先在yaml配置文件中添加包，并且通过pub get命令把包获取到项目中来，不过添加时对版本要求比较麻烦，经常会和其它包有冲突，下面是一个错误示例：

Because every version of flutter_test from sdk depends on path 1.8.3 and flutter_native_splash >=2.3.12 depends on path ^1.9.0, flutter_test from sdk is incompatible with flutter_native_splash >=2.3.12.
So, because fluttercookbook depends on both flutter_native_splash ^2.4.0 and flutter_test from sdk, version solving failed.

我的解决方法是尝试降低包的版本，多尝试几个版本就可以。添加完包后就可以使用了，下面是详细的使用方法，请大家参考：

• 创建一个新的yaml文件，文件名必须是flutter_native_splash.yaml;
• 在文件中配置相关信息,这些信息主要用来控制splash页面的颜色和图片等内容;
• 在main文件中添加代码，主要用来初始化包，并且启动splash页面；
• 在主页面中停止splash页面，然后会自动显示程序的主页面；
  上面的示步骤中也可以不创建yaml配置文件，而是直接在pubspec.yaml文件中配置，不过要顶格，不能向加入插件一样有空格。需要注意的是一定要移除splash页面，
  如果不移除splash，就不会进入主页面，导致程序一起卡着不动。
  此外，上面的步骤完成后可以在Android平台的程序上运行，在IOS平台上运行时需要把base.lproj拖入已经打开的xCode项目中，然后经弹窗中选择复制，这样就会
  复制一份启动项目的stroyboard到项目中。这个在官方文档中有详细介绍,我就不再介绍了。不过这个方法有待改进，因为程序编译都无法通过。

3. 示例代码

下面是程序的示例代码，与上一小节中的实现步骤完全匹配，请大家参考：

///yaml文件中的配置信息，可以参考官方文档color: "#42a5f5"#图片格式必须是pngimage: images/avata.png/// 在main文件中添加代码，主要用来初始化包，并且启动splash页面；WidgetsBinding widgetsBinding = WidgetsFlutterBinding.ensureInitialized();FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);runApp(const MyApp());
///  在MaterialApp的home属性对应的页面中移除splash页面void initState() {super.initState();///可以在这里添加一些延时在主程序页面中移除splash，不然无法显示页面FlutterNativeSplash.remove();}

上面的代码运行时并没有实际的效果，也就是没有出现我期望的splash页面，不过程序启动时有延时，也就是说该功能起作用了，但是没有显示splash页面。总之我在
Android和iOS两个平台上都没有成功实现splash页面。我觉得可能是哪个地方没有设置好，但是和官方给的操作说明完全一致，还有一种可能就是flutter版本的的
问题，因为我在安装该插件时就发现了版本不兼容的问题。此外，从技术上来看，该插件修改了iOS工程下的storyboar文件，只是修改有错误，但是Android目录下控
制splash页面的xml文件没有任何的修改。所以我觉得这是splash页面没有生效的根本原因。

4. 内容总结

我们在本章回中介绍了如何通过flutter_native_splash插件实现splash页面。主要介绍了实现的步骤，并且给出了示例代码，不过比较遗憾在是没有真正在程序中
实现splash页面。没有实现的原因可能与我当前的flutter版本有关，大家也可以在评论区发表自己的意见。鉴于无法使用这个插件的原因，我们还是推荐使用官方提供
的方法来实现splash页面，具体的内容我们在开篇时介绍过，大家可以参考。
看官们，与"实现splash页面的另外一种方法"相关的内容就介绍到这里，欢迎大家在评论区交流与讨论!