flutter混合开发android方向

本文介绍了Flutter在Android平台上的混合开发实践,包括源码集成和产物集成两种方式,详细讲解了如何创建Flutter模块,以及在原生Android项目中进行集成。在开发过程中,特别提到了原生跳转到Flutter页面时可能出现的黑屏问题及其解决方案,以及如何使用Flutter_boost进行优化。

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

废话不多说直接进入正题,flutter的混合开发(android方向)小记

主要从以下几点顺序开始进入(混合方式、创建、集成、开发)

1、混合方式对比

源码集成:本地项目源码集成。

产物集成:Flutter项目单独开发,开发完成后发布成aar包或者iOS的framework形式,原生项目依赖flutter输出的制品。

https://upload-images.jianshu.io/upload_images/266795-e430038621ba3356.png?imageMogr2/auto-orient/

 

2、创建flutter module (在原生项目同级目录下进行创建)

(1)、通过命令

flutter create -t module my_flutter

(2)、通过AS 创建  

 

生成目录:

 

3、集成

   (1)、在根目录的setting.gradle中添加

(2)、在app.gradle添加:

 

注意:在拉取flutter代码的时候需要直接拉取到和原生项目同一级别的目录下,

 

4、开发

  1. 原生跳转到flutter

(1)、原生中的代码

 

Android从原生跳到Flutter模块的黑屏问题,在网上看到很多说设置透明主题的但是没有用,后来看到一种先隐藏显示,等待渲染好第一帧后才显示flutter页面的方法。这里要注意一点要在布局中先把flutter的Container布局设置为InVisible状态,不要使用Gone,用gone的话是不显示也不渲染,用InVisible不显示但是会渲染界面占位置,等待渲染完成后再设置为Visible即可。

(2)、flutter中的代码

 

 

2、集成Flutter_boost:(具体使用请看官网)

https://github.com/alibaba/flutter_boost

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值