闲鱼flutter原理 咸鱼上的flstudio

Flutter浪潮下的音视频研发探索

大家好，我是阿里巴巴闲鱼事业部的陈炉军，本次分享的主题是Flutter浪潮下的音视频研发探索，主要内容是针对闲鱼APP在当下流行的跨平台框架Flutter的大规模实践，介绍其在音视频领域碰到的一些困难以及解决方案。

Redux在状态管理中的应用让我们更有序地处理复杂UI，但在音视频数据处理上，我们创新性地采用了Flutter端逻辑处理与Channel通信，显著减少了开发负担。

如果需要实现视频通话功能可以直接用第三方的SDK。比如ZEGO Flutter SDK 就可以快速轻松的构建一个跨平台音视频聊天应用，大大降低开发成本，适合想要快速完成多端共用音视频项目的开发者。

fijkplayer 是一个 Flutter 生态的媒体播放器，是对 ijkplayer 的 Flutter 封装，支持 Android 和 iOS。

https：//pub.flutter-io.cn/packages/flutter_ffmpeg ffmpeg 插件，文档没给出如何给视频添加水印， 但是给出了执行命令的方法演示， 这就足够了。

作者：闲鱼技术－国有 国有，闲鱼架构团队负责人。在7月13号落幕的2019年Archsummit峰会上就近一年来闲鱼在Flutter&FaaS一体化项目上的 探索 和实践进行了分享。随着无线，IoT的发展，5G的到来，移动研发越发向多端化发展。

Flutter入门这一篇效率文章就够了

1、这就是 Flutter 的 热重载 ，在修改完代码之后，通过热重载就能马上在设备上看到修改结果，可以很大程度上增加开发效率。 下面再给大家介绍几个 Flutter 里的常见操作。

2、flutter将会帮你更容易，更快速的开发出界面美观的移动应用。是谷歌的亲儿子 支持热重载 ：android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。

3、KDebugTools作为开源工具，为我们提供了跨App和Web端的调试便利，使得Flutter在快手的实践更为得心应手。尽管在性能上面临挑战，但我们发现Flutter在快速迭代和小型新项目中的优势明显，其开发效率甚至接近原生的两倍。

4、flutter开发中，图片的引用是必不可少的，所以为了提高效率和精准度，我们需要对不同分辨率的手机使用相对应的切图图片，本章介绍如何进行 图片分辨率适配 和 图片批量拓展处理 。

5、Flutter 还支持热重载、响应式框架、面向对象编程等特性，可以帮助开发者提高开发效率和代码质量。 性能强大：Flutter 的性能强大，流畅。

6、在上一篇文章中我们了解到Stream及响应式编程的相关概念，本文着重介绍在引入 RxDart 三方库后，不同Subject在实际开发中的应用场景。

Flutter-channel详解

Binarymessenger在Android端是一个接口，其具体实现为FlutterNativeView。而其在iOS端是一个协议，名称为FlutterBinaryMessenger，FlutterViewController遵循了它。

该 StreamBuilder 组件将连接到一个 Stream ， 并在每次收到消息时通知Flutter重新构建界面 将数据发送到服务器 为了将数据发送到服务器，我们会add消息给WebSocketChannel提供的sink。

iOS用CVPixelBufferRef将渲染出来的数据存在内存中，Flutter engine会将Texture的数据在内存中直接进行映射无需通过Channel传输，然后Texture Widget就可以把你提供的这些数据显示出来。

Flutter有生成构造函数、默认构造函数、命名构造函数、重定向构造函数、常量构造函数、工厂构造函数 生成构造函数是最常见的构造函数，即生成实体类对象。如果未声明构造函数，则会提供默认构造函数。

Flutter面试:渲染原理

1、解压后，将 flutter\bin 的全路径添加到环境变量 PATH 中。 安装开发工具 理论上，任何文本编辑器都可以用来开发 Flutter 应用，但推荐的开发工具是 Android Studio、IntelliJ 以及 VS Code。

2、没有桥接层 React Native、Weex等技术都是跨终端的框架，然而性能跟原生App存在很大差距。

3、可以继承 LocalFileComparator 并复写的 compare 和 update 方法得到你想要的对比器，并通过 flutter_test_config.dart 指定对比器。了解Flutter Golden File Test的原理，可以帮组我们更好的去思考什么时候需要使用它。

闲鱼前端基于serverless的一种多端开发解决方案

通过具体的实践，我们发现，对于前端开发同学来说，变的简单了，开发效率有很大的提升，前端同学甚至都不需要去理解具体的业务逻辑，就能完成页面的开发。而且，提取的viewmodel可以复用到不同的端侧，设置还包括native端。

可以使用成熟的框架来实现适配，比如bootstrap，element-ui. 另外，也可以自己写css，实现宽度自适应，原理就是元素的宽度用百分比来设定。

Taro是一套遵循React语法规范的多端开发解决方案。 可以只书写一套代码，再通过Taro的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ/京东小程序、快应用、HReact-Native等）运行的代码。

因为，目前许多Web前端开发者已经开始转向以移动优先方案来做他们的响应式设计和开发，这就象征着一个重大转变，值得我们跟进的。

做混合的话Uniapp和Flutter我应该学哪个啊?

1、Uniapp目前比较成熟，而且用的是Vue语法，学习成本比较低，而且行业里面用的也比较广泛，而Flutter的话，学习成本略高，因为要学习新的语言，还有就是目前生态不是特别完备，等他再发展发展吧。

2、现在也比较流行混合开发APP，一套代码通吃Android和iOS，那么有很多框架选择，框架也是某个开发语言基础。国内的mui，uni-APP使用的是JavaScript，HTML，CSS。框架vue.js。

3、渲染方式：Widget渲染界面性能：FlutterAPP是除了NativeAPP以外性能最好的；热更新：不支持；Uni-AppDCloud公司开发的一款基于vue.js的跨端的框架；渲染方式：混合渲染、weex原生渲染、webview渲染。