在原生项目中集成Flutter

最新推荐文章于 2025-01-10 07:55:14 发布

xiangzhihong8

最新推荐文章于 2025-01-10 07:55:14 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Flutter入门与实战

本文链接：https://blog.csdn.net/xiangzhihong8/article/details/108360689

Flutter入门与实战专栏收录该内容

105 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在原生Android和iOS项目中集成Flutter，包括使用Android Studio的自动集成、手动集成Flutter模块，以及添加Flutter页面和FlutterFragment。在Android端，讲解了FlutterActivity的启动方式和自定义背景样式，而在iOS端，阐述了CocoaPods集成和手动集成Flutter framework的方法，以及创建FlutterViewController展示Flutter页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概述

使用Flutter从零开始开发App是一件轻松惬意的事情，但对于一些成熟的产品来说，完全摒弃原有App的历史沉淀，全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈，把它作为已有原生App的扩展能力，通过有序推进来提升移动终端的开发效率。
目前，想要在已有的原生App里嵌入一些Flutter页面主要有两种方案。一种是将原生工程作为Flutter工程的子工程，由Flutter进行统一管理，这种模式称为统一管理模式。另一种是将Flutter工程作为原生工程的子模块，维持原有的原生工程管理方式不变，这种模式被称为三端分离模式，如下图所示。
在这里插入图片描述
三端代码分离模式的原理是把Flutter模块作为原生工程的子模块，从而快速地接入Flutter模块，降低原生工程的改造成本。在Flutter 1.1x时代，在原生已有app中接入Flutter的步骤比较繁琐，具体可以可以参考：