flutter 中启动页优化

曲黎雪

于 2024-09-04 11:47:24 发布

阅读量311

点赞数 2

文章标签： flutter

本文链接：https://blog.csdn.net/qq_45624072/article/details/141889295

版权

yaml文件中，引入flutter_native_splash插件

加入以下代码

#启动页配置，防止黑屏
flutter_native_splash:
  color: "#ffffff" # 启动页背景色
  image: assets/splash/LaunchImage@3x.png # 启动页图片
  fullscreen: true # 确保图片铺满全屏
  android: false # 启用安卓平台的启动页配置
  ios: true # 启用iOS平台的启动页配置
  android_gravity: center
  ios_content_mode: scaleAspectFill

之后运行命令

dart run flutter_native_splash:create

之后修改plist文件中的代码

<key>UILaunchStoryboardName</key>
<string>LaunchScreen</string>

之后修改xcode中的配置选项

把launch screen file 置空

最后是代码中的使用

void main() {
  WidgetsBinding widgetsBinding = WidgetsFlutterBinding.ensureInitialized();
  FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);
  runApp(const MyApp());
}

// whenever your initialization is completed, remove the splash screen:
FlutterNativeSplash.remove();