Flutter 混合开发实战问题记录（一）FlutterView闪烁

最新推荐文章于 2023-02-05 00:00:28 发布

weixin_34417635

最新推荐文章于 2023-02-05 00:00:28 发布

阅读量1k

点赞数

文章标签：移动开发 c/c++ 设计模式

原文链接：https://juejin.im/post/5c760919f265da2dcf629344

版权

本文记录了作者在Flutter混合开发过程中遇到的FlutterView闪烁问题，包括在Android原生页面与FlutterFragment切换时的闪烁。作者探讨了Flutter使用SurfaceView的原因和可能的解决方案，如在Activity的onCreate()方法中添加特定代码，以及解决xwalkView闪烁的策略。文章还提及在GitHub上找到的关于在原生应用启动Flutter页面时的闪烁和黑屏问题。作者计划继续研究混合栈实现原生-Flutter-Web之间的自由跳转。

摘要由CSDN通过智能技术生成

本人主要从事android开发，从开始研究到项目实战接入大概有一个半月了，前期的摸索阶段花的时间不是很多，每天抽出1小时来看，学习路线大概是：

搭建环境---语言熟悉---写demo---写案例----摘取实际项目中的模块完全翻译为dart版本----接入到项目中
复制代码

目前还算顺利，遇到的问题大都解决了。dart语法类似于js，也和java8，kt等以后的语法糖相通，熟悉下即可上手。

我随手记录了些比较繁琐难解决，实施不是很简单的问题，类似于widget布局等就不再详细描述了，只是时间问题，熟悉下就行了。

我们项目中嵌入Flutter的入口是主页的第四个tab，需要一个fragment，可以在flutterfragment中return flutterView。

public class MyFlutterFragment extends BaseFlutterFragment implements BasicMessageChannel.MessageHandler<String>{
    private BasicMessageChannel<String> messageChannel;
    @Override
    public FlutterView onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        FlutterView flutterView =