Flutter 之原生混合开发

优点:

  • 依赖一个包含 Flutter 产物的 aar 包,这个的好处就是其他不开发 flutter 的同学可以不用配置 flutter 环境,它和其他模块包无异

2、源码依赖

打开原生项目的 setting.gradle 文件:

include ‘:app’

rootProject.name = “NativeToFlutter”

// 加入如下代码

setBinding(new Binding([gradle: this]))

evaluate(new File(

‘flutter_lib/.android/include_flutter.groovy’

))

include ‘:flutter_lib’

在 app 项目的 build.gradle 依赖 flutter module 模块

dependencies {

implementation project(‘:flutter’)

}

缺点:

  • 需要 flutter 环境,并且各个开发人员环境不一致,导致集成因为版本不一致报各种错误

2、原生接入 flutter 页面

flutter 依赖提供了 FlutterActivity 来直接加载 flutter 页面,我们只需要在清单文件中配置该 Activity :

<activity

android:name=“io.flutter.embedding.android.FlutterActivity”

android:theme=“@style/LaunchTheme”

android:configChanges=“orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode”

android:hardwareAccelerated=“true”

android:windowSoftInputMode=“adjustResize”

/>

在需要打开 flutter 页面的地方 startActivity 即可:

val intent = FlutterActivity

.withNewEngine()

// 背景颜色,透明 or 不透明

.backgroundMode(FlutterActivityLaunchConfigs.BackgroundMode.transparent)

// 指定跳转的路由 home 页面

.initialRoute(“home”)

.build(this)

startActivity(intent)

3、原生指定跳转 Flutter 页面

Flutter 提供 initialRoute 来供原生层跳到 flutter 对应的指定路由页面,官方解释,该路由是有限制的:

当使用已预热的 FlutterEngine 构建 FlutterFragment 时,指定的 Dart 入口是无效的。因为已预热的 FlutterEngine 已经执行了一个入口函数。只有 FlutterEngine 在预热之时是可以明确选择入口的。

所以,我们必须使用 withNewEngine 创建新的引擎来打开一个页面:

val intent = FlutterActivity

.withNewEngine()

// 指定跳转到 home 路由页面

.initialRoute(“home”)

.build(this)

startActivity(intent)

由于初始化 engine 需要很长的时间,再加上打开指定路由,打开效果十分不理想

a.gif

4、入口点 EntryPoint

我们在打开 flutter 页面时,默认是从 flutter 的 main 函数开始执行,如果我们有多个独立 flutter 模块供原生层去打开,这就会导致我们的独立模块都必须集中到 main 函数中,然后通过路由的方式来决定打开的模块页面,但路由的方式上面我们已经证明了性能是有多么的糟糕,如果先初始化 flutter engine,就会导致路由效果失效。

很幸运的是,flutter 提供了入口点这个功能,我们可以指定入口点是我们想要跳转的 flutter 页面,并且该功能提前初始化引擎并不影响页面的打开,使用方法很简单,如下:

void main() => runApp(MyApp(Colors.blue));

@pragma(‘vm:entry-point’)

void home() => runApp(HomePage(Colors.green));

对比 main 方法只多了个 pragma 注解,方法名 home 即为 entryPoint。

在 native 层我们就可以写成:

// 在 application 中初始化 home 页面的 flutter engine

val dartEntryPoint = DartExecutor.DartEntrypoint(

FlutterInjector.instance().flutterLoader().findAppBundlePath(), “home”

)

val engineId = “home_engine_id”

val engine = enginesGroup.createAndRunEngine(app, engineId) // 创建引擎

FlutterEngineCache.getInstance().put(engineId, engine) // 根据引擎 id 缓存 engine

// 在原生页面嵌入的 flutter 页面绑定 entrypoint

class MainFlutterActivity : AppCompatActivity(){

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_my_flutter)

val flutterFragment = FlutterFragment

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

文末

当你打算跳槽的时候,应该把“跳槽成功后,我能学到什么东西?对我的未来发展有什么好处”放在第一位。这些东西才是真正引导你的关键。在跳槽之前尽量“物尽其用”,把手头上的工作做好,最好是完成了某个项目或是得到提升之后再走。跳槽不是目的,而是为了达到最终职业目标的手段

最后祝大家工作升职加薪,面试拿到心仪Offer


《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

再走。跳槽不是目的,而是为了达到最终职业目标的手段**

最后祝大家工作升职加薪,面试拿到心仪Offer

[外链图片转存中…(img-tFzdeHtF-1712616437847)]
[外链图片转存中…(img-ChPBCyaA-1712616437847)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 18
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值