yuyangkk commented 1 year ago

问题

升级Flutter SDK到3.0.5，flutter_boost版本为4.2.2，运行App首个Flutter页面会白屏，需要切换Tab(应该是触发了重新build)后展示正常。 Debug模式下出现的概率比较小，Release模式下几乎是必现。恳请大佬们给看下

复现步骤

Xcode Release模式下运行或者archive出来ipa
杀掉App，重新打开，第一个Flutter页面白屏
切换Tab(Tab都是原生页面ViewController，将Flutter页面通过AddChildController的形式粘贴上去的)，第一个白屏页面会渲染出来
安卓反馈也有同样问题，处理方式和iOS一样，都是在原生页面上贴上去的

环境信息

Flutter Boost Version 4.2.2 Target Platform: iOS 10+ Target OS version/browser: iOS16.4 Devices: iPhone14 Pro

[✓] Flutter (Channel stable, 3.0.5, on macOS 13.0 22A8380 darwin-arm, locale zh-Hans-CN) • Flutter version 3.0.5 at /Users/gyk/workdeveloper/flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision f1875d570e (9 months ago), 2022-07-13 11:24:16 -0700 • Engine revision e85ea0e79c • Dart version 2.17.6 • DevTools version 2.12.2 • Pub download mirror https://pub.flutter-io.cn • Flutter download mirror https://storage.flutter-io.cn

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2) • Android SDK at /Users/gyk/Library/Android/sdk • Platform android-33-ext5, build-tools 33.0.2 • ANDROID_HOME = /Users/gyk/Library/Android/sdk • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 11.0.15+0-b2043.56-8887301) • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.3) • Xcode at /Applications/Xcode.app/Contents/Developer • CocoaPods version 1.12.0

[✓] Chrome - develop for the web • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.1) • Android Studio at /Applications/Android Studio.app/Contents • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 11.0.15+0-b2043.56-8887301)

[✓] VS Code (version 1.77.3) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.62.0

[✓] Connected device (2 available) • macOS (desktop) • macos • darwin-arm64 • macOS 13.0 22A8380 darwin-arm • Chrome (web) • chrome • web-javascript • Google Chrome 112.0.5615.121

[✓] HTTP Host Availability • All required HTTP hosts are available

• No issues found!

目前的解决方案是

flutter_boost_app.dart


  //initState中源代码
  // refreshOnPush(initialContainer);
  // _boostFlutterRouterApi.isEnvReady = true;
  // _addAppLifecycleStateEventListener();
  // BoostOperationQueue.instance.runPendingOperations();

  //改为下面的代码
  // todo 这里是为了解决加载白屏问题，延迟数字应该500以上都可以
  Future.delayed(Duration(milliseconds: 1000), () {
    refreshOnPush(initialContainer);
    _boostFlutterRouterApi.isEnvReady = true;
    _addAppLifecycleStateEventListener();
    BoostOperationQueue.instance.runPendingOperations();
  });


## 错误日志
2023-04-20 17:54:28.448655 flutter log-->error msg:══╡ EXCEPTION CAUGHT BY SCHEDULER LIBRARY ╞══════════════════════
The following assertion was thrown during a scheduler callback:
Please check if the engine has been initialized!
'package:flutter_boost/src/boost_channel.dart':
Failed assertion: line 33 pos 9: '_appState != null'

When the exception was thrown, this was the stack:
#2      BoostChannel.addEventListener (package:flutter_boost/src/boost_channel.dart:33:9)
#3      FlutterBoostAppState._addAppLifecycleStateEventListener (package:flutter_boost/src/flutter_boost_app.dart:120:10)
#4      FlutterBoostAppState.initState.<anonymous closure> (package:flutter_boost/src/flutter_boost_app.dart:109:7)
#5      SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1146:15)
#6      SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1091:9)
#7      SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:864:7)
(elided 13 frames from class _AssertionError, class _RawReceivePortImpl, class _Timer, dart:async, and dart:async-patch)
═════════════════════════════════════════════════════════════════

2023-04-20 17:54:28.448649 flutter log-->error:Please check if the engine has been initialized!
'package:flutter_boost/src/boost_channel.dart':
Failed assertion: line 33 pos 9: '_appState != null'
 stack:#0      _AssertionError._doThrowNew (dart:core-patch/errors_patch.dart:51:61)
#1      _AssertionError._throwNew (dart:core-patch/errors_patch.dart:40:5)
#2      BoostChannel.addEventListener (package:flutter_boost/src/boost_channel.dart:33:9)
#3      FlutterBoostAppState._addAppLifecycleStateEventListener (package:flutter_boost/src/flutter_boost_app.dart:120:10)
#4      FlutterBoostAppState.initState.<anonymous closure> (package:flutter_boost/src/flutter_boost_app.dart:109:7)
#5      SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1146:15)
#6      SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1091:9)
#7      SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:864:7)
#8      _rootRun (dart:async/zone.dart:1418:47)
#9      _CustomZone.run (dart:async/zone.dart:1328:19)
#10     _CustomZone.runGuarded (dart:async/zone.dart:1236:7)
#11     _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:1276:23)
#12     _rootRun (dart:async/zone.dart:1426:13)
#13     _CustomZone.run (dart:async/zone.dart:1328:19)
#14     _CustomZone.bindCallback.<anonymous closure> (dart:async/zone.dart:1260:23)
#15     Timer._createTimer.<anonymous closure> (dart:async-patch/timer_patch.dart:18:15)
#16     _Timer._runTimers (dart:isolate-patch/timer_impl.dart:398:19)
#17     _Timer._handleMessage (dart:isolate-patch/timer_impl.dart:429:5)
#18     _RawReceivePortImpl._handleMessage (dart:isolate-patch/isolate_patch.dart:192:12)

2023-04-20 17:54:28.448622 FlutterBoost#Oops, Failed to update overlay. mode=BoostSpecificEntryRefreshMode.add, BoostContainer(name:/, pages:[BoostPage<dynamic>(name:/, uniqueId:1681984467915_/, arguments:null)])

flutter端集成

Widget _materialAppBuilder(Widget home) { return MaterialApp( builder: EasyLoading.init( builder: (context, widget) { return MediaQuery( data: MediaQuery.of(context) .copyWith(textScaleFactor: 1.0, boldText: false), child: widget, ); }, ), routes: Router().getRouters(context), home: Container( child: home, color: Colors.white, ), ); }

@override Widget build(BuildContext context) { return FlutterBoostApp( routeFactory, appBuilder: _materialAppBuilder, ); }

iOS端集成同demo一样

CrassusX commented 1 year ago

不错点赞

jasondevelopment commented 1 year ago

Android端也出现类似的问题，debug包没有出现，release包必现，从原生页面进入flutter页面，页面渲染不完整，返回原生再进入就可以渲染出来，杀掉app重启，再进入还是会出现flutter页面渲染不出来。

yuyangkk commented 1 year ago

发现了一个问题，可能是我们使用了flutter_screenutil这个工具，在安卓上可能会有问题

ZShiDong commented 1 year ago

请问下Android如何解决这个问题，也是用了flutter_screenutil，改了flutter_boost_app代码也无效果，首次进入必黑屏，需要切换到桌面再回来才可以显示

x-yzz commented 1 year ago

请问下Android如何解决这个问题，也是用了flutter_screenutil，改了flutter_boost_app代码也无效果，首次进入必黑屏，需要切换到桌面再回来才可以显示

请问您的问题解决了吗，我们也用了flutter_screenutil

yuyangkk commented 1 year ago

ScreenUtils的初始化不要放在flutter_boost外层，放在它的builder里面初始化

MaterialApp(
      theme: theme?.getTheme(),
      builder: (context, widget) {
          ScreenUtil.init(context,
              designSize: Size(375, 667), minTextAdapt: true);
         return widget;
      }
);

yuyangkk commented 1 year ago

请问下Android如何解决这个问题，也是用了flutter_screenutil，改了flutter_boost_app代码也无效果，首次进入必黑屏，需要切换到桌面再回来才可以显示

请问您的问题解决了吗，我们也用了flutter_screenutil

ScreenUtils的初始化不要放在flutter_boost外层，放在它的builder里面初始化

yuyangkk commented 1 year ago

请问下Android如何解决这个问题，也是用了flutter_screenutil，改了flutter_boost_app代码也无效果，首次进入必黑屏，需要切换到桌面再回来才可以显示

ScreenUtils的初始化不要放在flutter_boost外层，放在它的builder里面初始化

GodJiong commented 1 year ago

ScreenUtils的初始化不要放在flutter_boost外层，放在它的builder里面初始化
MaterialApp(
      theme: theme?.getTheme(),
      builder: (context, widget) {
          ScreenUtil.init(context,
              designSize: Size(375, 667), minTextAdapt: true);
         return widget;
      }
);

感谢，亲测有用！

piupiubiu commented 1 year ago

我遇到这个问题是因为FlutterEngine还没有初始化成功,我使用了EasyLocalization,第一个页面是Flutter，就会必现。添加一个原生页面，delay了几秒跳转到Flutter页面几正常。我在demo中添加了EasyLocalization，然后在onCreate中立马跳转Flutter也是必现 20230919-160217

itlwy commented 7 months ago

我遇到这个问题是因为FlutterEngine还没有初始化成功,我使用了EasyLocalization,第一个页面是Flutter，就会必现。添加一个原生页面，delay了几秒跳转到Flutter页面几正常。我在demo中添加了EasyLocalization，然后在onCreate中立马跳转Flutter也是必现

@piupiubiu 是初始化组件嵌套顺序问题，你把boost放到的初始化放到MaterialApp的builder里就可以了

joechan-cq commented 3 months ago

我遇到这个问题是因为FlutterEngine还没有初始化成功,我使用了EasyLocalization,第一个页面是Flutter，就会必现。添加一个原生页面，delay了几秒跳转到Flutter页面几正常。我在demo中添加了EasyLocalization，然后在onCreate中立马跳转Flutter也是必现

alibaba / flutter_boost

重启App后第一个flutter页面白屏，FlutterBoost#Oops, Failed to update overlay #1828

问题

复现步骤

环境信息

目前的解决方案是

flutter端集成

iOS端集成同demo一样

2106