flutter boost_flutter_boost 性能-程序员宅基地

技术标签: flutter  android  ios  

# 第一章

​​​​​​​flutter组件化调研_lvwuxue的专栏-程序员宅基地# 一、组件化接入方式跟原生组件化类似,共有两种方式接入:pod和framework怎么配置flutter环境,flutter官网上讲得很详细了,不在累赘了## 1.以pod的方式接入 1.创建一个flutter_module```flutter create -t module flutter_module```![[email protected]](https://upload-images.jianshu.io/upload_images/3355903-f99...https://blog.csdn.net/lvwuxue/article/details/123263386?spm=1001.2014.3001.5501

# 第二章、构建基于flutter的混合应用
## 2.2常见的原生解决方案

##### 2.2.1 flutter boost演进''
0.0 双引擎
利用AB两个引擎,对界面进行预加载
解决flutterVC切换时,加载时间长的问题

1.0 共享视图
将页面通过key:value的形式进行存储,减少放回页面时的视图构建时间
内存只存两个截图,其余存磁盘
解决平级flutterVC页面切换,(会被栈顶丢出去)状态丢失的问题

2.0 共享引擎
将VC与引擎相关联,使flutterVC与app生命周期捆版
解决

## 2.2.2常用框架

交互:
platform channel,三种方式

纹理:
texture,flutterTextureRegest

platform view:
外接纹理
原理:盖个uiview在flutter view上面
解决:修改SDK内部的view渲染

第三章 多场景应用框架和设计

## 3.1.2 flutter编程模型分析
1.controller 混沌打包
2.presenter 隔离view和model,定义行为方向,protecol
3.viewmodel 定义行为模式,双向绑定,rac
4.flux 简化行为模式,单向通信,Redux

5.flutter基础编程
statelessWidget:创建时就定义了view,简单而安全
fullWidget:statelessWidget+model
1)fullWidget分治能力:
1.不拆分数据,拆分逻辑。
2.拆分数据,不拆分逻辑。
3.拆分数据,拆分逻辑。
2)fullWidget之间的通信
1.notify模式。通知/监听模式,单向
2.transfer模式。数据传输模式,单向,socket,stream
3.invoke模式。接口调用模式,双向
分治:flutter-redux, flutter-hook;
通信:provider,BLoC;
分治和通信:scoped_model,fish-redux

3.2流式场景下的框架设计与应用

3.3 flutter场景下的多媒体框架实践
3.3.1 基本概念:外界纹理、channel、FFI和PlatformView
1).PlatformView
2)Dart-FFI,解决跨语言访问(C和C++) 的问题
3)外界纹理,解决不支持大批量数据的访问 的问题

3.3.2 多媒体消费端实践:视频播放
1.基于外界纹理的播放器方案
解码数据格式问题:iOS端系统播放器的视频帧输出格式只支持YUV或RGBA
格式转换成YUE:
1.libyue ,视频分辨率高时,CPU消耗大,发烫
2.OpenGL通过RTT渲染成RGBA,线程卡顿,界面卡顿
3)共享纹理--[万万没想到-Flutter这样外接纹理](https://blog.csdn.net/weixin_38912070/article/details/93857098),播放卡顿
4)基于CPU和GPU共享内存的方案,iOS用CVOpenGLESTextureXaxheRef,android用SurfaceTexture,从内存获取对于的OpenGL的纹理
2.基于platformView的播放器方案

3.3.3 多媒体消耗端实践:图片组件
下载ImageStream,解码ImageDecode,缓存ImageCache,渲染Image
1.基于外界纹理的图片组件 。Texture
2.基于flutter引擎层扩展图片加载器的方案。 引擎层和C++的交互方式--Register Natives,与FFI原理一致
3.基于内存地址传递的图片解决方案。用FFI的pointer类,用asTypedList转换为Uint8Liat的预想,在用decodeImageFromPixels讲图片地址转换成image


3.3.4 platform 线程和EGLContext
flutterEngine同时运行四个线程:UI、I/O、GPU、Platform
如果OPeGL在主线程运行会导致,GPU和Platform使用同一个线程,导致bug

3.3.5 小结
1.内存问题。
flutterEngine启动占了较大内存,所以对于内存消耗较大的音视频来说,开发者要遵循“省吃俭用”的原则,并贯穿整个开发设计过程
2.线程问题。
主线程不能有OpenGL的操作
3.异步调用。
Flutter Channel是异步调用的,所以可能有一些原油的同步逻辑都需要改成异步化并保证稳定性相比普通flutter业务开发,音视频开发有很大不同。它的native端逻辑开发可能占了过半的工作量。因此相对于普通业务开发,flutter的优势并没有发挥得很明显。但随着日益完善的第三方库Camera、OpenGL、MediaCodec等APi,会慢慢变好

3.4 游戏化场景的架构设计与应用
游戏风口
3.4.1 技术选型
Flame:轻量化的游戏引擎
1.没有没有使用flutter的开发方式。而是用Game和Componet定义新的游戏开发框架,对于flutter开发和传统游戏开发都不友好
2.与flutter融合较为生硬,Flame采用Canvas实现,在游戏场景中无法实现局部刷新,存在性能隐患。缺少GUI系统,场景内嵌套UI比较难。缺少手势事件。
3,动画指出格式不主流,骨骼动画支持Flare,不支持DragoneBone。且粒子动画对主流格式的支持也不够友好
4.资源管理存在内存问题,资源加载后一直不会释放

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lvwuxue/article/details/123290264

智能推荐

ChemDraw Professional for Mac 16.0.1.4 专业的生物化学绘图软件_chemdraw professional 16.0 mac秘钥-程序员宅基地

文章浏览阅读1.8k次。ChemDraw Professional for Mac 是化学家和生物学家选择的完整绘图工具,它们可以创建可用于ELN,数据库和出版物以及查询化学数据库(现已包括SciFinder)的可发布出版物的科学智能图纸。ChemDraw Professional for Mac 16.0.1.4 下载ChemDraw Professional for Mac安装激活方法:1、下载完成后双击“ChemDraw Professional.dmg”打开磁盘映像;2、拖动“ChemDraw Profe_chemdraw professional 16.0 mac秘钥

java实现生成RSA公私钥、SHA256withRSA加密以及验证工具类_rsa-sha256 keylength java(1)-程序员宅基地

文章浏览阅读820次,点赞23次,收藏12次。(img-TnDAtgMb-1712498489201)]//这个根据需求填充SHA1WithRSA或SHA256WithRSA。//这个根据需求填充SHA1WithRSA或SHA256WithRSA。* 根据需要返回String或byte[]类型。* 通过私钥对参数进行加密。且后续会持续更新**

MFC 基础(实例)-程序员宅基地

文章浏览阅读78次。#include <windows.h>#include <stdio.h>LRESULT CALLBACK WinSunProc(//名字可以更改。参数类型不能变 HWND hwnd, // handle to window 窗口句柄 UINT uMsg, // message identifier WPARAM wParam, // first m..._mfc简单实例

Linux安装mariaDB详细步骤_linux 用rpm安装maria-程序员宅基地

文章浏览阅读5.1k次,点赞4次,收藏20次。1.安装mariadbyum和源码编译安装的区别1.路径区别-yum安装的软件是他自定义的,源码安装的软件./configure --preifx=软件安装的绝对路径2.yum仓库的软件,版本可能比较低,而源码编译安装,版本可控3.编译安装的软件,支持第三方功能扩展./configure 这里可以加上很多参数,定制功能 yum仓库1.阿里云的yum仓库2.mysql官网,也会提供rpm包,源码包,以及yum源,供给下载 yum 安装文档 https://mariadb_linux 用rpm安装maria

自定义Drawable实现环形进度条._android使用layerdrawable实现自定义环形进度条-程序员宅基地

文章浏览阅读1k次。自定义Drawable实现环形进度条._android使用layerdrawable实现自定义环形进度条

授权认证(IdentityServer4)-程序员宅基地

文章浏览阅读30次。IdentityServer4+Vue+asp.netcore开源项目地址区别OpenId: Authentication :认证Oauth: Aurhorize :授权输入账号密码,QQ确认输入了正确的账号密码可以登录 --->认证下面需要勾选的复选框(获取昵称、头像、性别)----->授权  OpenID当你需要访问A网站的时候,A网站要求你输入你的OpenId,...

随便推点

2018年机器学习算法工程师——秋招自我总结_oppo 机器学习 笔试-程序员宅基地

文章浏览阅读1.1w次,点赞55次,收藏272次。2018年机器学习算法工程师——秋招自我总结 (2018.3.12 ~ 2018.10.14)(1)简历 - 笔试 - 面试(一面,二面,……,HR面,加面) - offer ..._oppo 机器学习 笔试

《手把手教你》 mysql5.6.zip格式压缩版安装教程_mysql,.zip 安装教程-程序员宅基地

文章浏览阅读4.9w次,点赞40次,收藏115次。前言:MySQL是一个关系型数据库管理系统,官网给出的安装包有两种格式,一个是msi格式,一个是zip格式的。不过很多人都是下载的是zip格式的安装包,解压却发现没有setup.exe安装程序,所以今天我们介绍的是zip格式的安装教程。1.首先先下载mysql,进入这个网站https://dev.mysql.com/downloads/mysql/下载_mysql,.zip 安装教程

vulhub漏洞复现系列之Adobe ColdFusion(cve-2010-2861文件读取漏洞、CVE-2017-3066反序列化漏洞)_vulhub中cve20103863漏洞利用-程序员宅基地

文章浏览阅读886次。CVE-2010-2861)Adobe ColdFusion 文件读取漏洞一、漏洞简介Adobe ColdFusion 8、9版本中存在一处目录穿越漏洞,可导致未授权的用户读取服务器任意文件。二、漏洞影响Adobe ColdFusion 8Adobe ColdFusion 9三、漏洞复现直接访问http://www.0-sec.org:8500/CFIDE/administrator/enter.cfm?locale=…/…/…/…/…/…/…/…/…/…/etc/passwd%00en,即可_vulhub中cve20103863漏洞利用

应用层的poll 函数介绍_poll 上下层例子-程序员宅基地

文章浏览阅读1.1k次。poll()函数:这个函数是某些Unix系统提供的用于执行与select()函数同等功能的函数,下面是这个函数的声明:#include int poll(struct pollfd fds[], nfds_t nfds, int timeout);参数说明:fds:一个struct pollfd结构类型的数组,用于存放需要检测其状态的Socket描述符;每当调用这个_poll 上下层例子

计算机毕业设计springboot多媒体素材管理库w22wz9【附源码+数据库+部署+LW】-程序员宅基地

文章浏览阅读36次。选题背景:随着互联网的快速发展和智能设备的普及,多媒体素材的应用越来越广泛。无论是网页设计、移动应用开发还是数字媒体创作,都离不开丰富多样的多媒体素材。然而,随着素材数量的增加和管理的复杂性,传统的素材管理方式已经无法满足需求。因此,开发一个高效、便捷的多媒体素材管理库成为了迫切的需求。选题意义:提高工作效率:传统的多媒体素材管理方式往往需要人工进行分类、整理和搜索,耗费大量时间和精力。而通过开发一个多媒体素材管理库,可以实现自动化的分类、标签化和搜索功能,极大地提高工作效率。优化用户体验:多

使用Hutool的SystemTimer做延时消息处理_hutool systemtimer-程序员宅基地

文章浏览阅读1.5k次。使用Hutool的SystemTimer做延时消息处理_hutool systemtimer

推荐文章

热门文章

相关标签