话题框架与类库 › Flutter

框架与类库:Flutter

携程APP Native/RN内嵌Flutter UI混合开发实践和探索

随着各种多端技术的蓬勃发展,如今的移动端和前端早已不再拘泥于自身的边界,而是不断延伸、扩展和融合,逐步向着真正的大前端技术迈进。跨端技术也从早期的Cordova/PhoneGap、纯H5页面发展到如今的ReactNative(以下简称RN)、Weex、小程序、Flutter群雄并存的局面。各种技术栈各有优劣和特点,技术选型需视团队自身情况而定,没有绝对好坏之分。然而在实际开发中,并不是只选用一种技术栈,那么研究多种技术栈融合和嵌套使用的就有了迫切的必要性。

本文我们从实际业务场景出发,初步实践了在RN里面嵌套flutter view、在native里面嵌套flutter view,探索其可行性,并回顾这个过程中遇到的一些问题和解决方案。

Flutter之美

本文旨在尽量避开具体的代码细节,从思想上去介绍flutter的各种技术实现,让已经在从事flutter开发的同学有更多的收获,同时对flutter感兴趣的观望者也能更好的了解这门技术。

学而思网校1v1家长端在Flutter中的实践

最近这两年,移动端各种跨平台的开发方案如雨后春笋般涌现,一方面是随着移动互联网的普及和快速发展,移动终端设备的软硬件、操作系统、开发工具链等日趋成熟;另一方面,传统 PC 端的技术、资源也在逐步迁移到移动端上来,大家都想造轮子“一统天下”。

Flutter难点问题之GPU后台Crash

还在为Flutter GPU后台Crash而苦恼吗,快进来看看吧!

Flutter流畅度优化神器-开源组件keframe详解

keframe是贝壳的一个关于Flutter流畅度优化的开源组件。主要功能是通过分帧渲染来优化由构建导致的卡顿,例如页面切换或者复杂列表快速滚动的场景。

Flutter怎么样做国际化

国际化是指在设计软件时,将软件与特定语言及地区脱钩的过程。当软件被移植到不同的语言地区时,软件本身不用做内部工程上的改变或修正。

本地化则是指当移植软件时,加上与特定区域设置有关的资讯和翻译文件的过程。国际化和本地化之间的区别虽然微妙,但却很重要。国际化意味着产品有适用于任何地方的潜力;本地化则是为了更适合于特定地方的使用,而另外增添的特色。用一项产品来说,国际化只需做一次,但本地化则要针对不同的区域各做一次。这两者之间是互补的,并且两者结合起来才能让一个系统适用于各地。

Flutter cached_network_image 图片加载流程分析

一天测试小姐姐拿着手机过来说,你这里图片下载有问题呀,为什么没有网络(开飞行模式)也弹Toast提示下载成功呀?

下意识反应,肯定是Toast提示弹早了,刚点击按钮,还没开始下载就弹了Toast,赶紧拿手机过来操作验证一波。确实没有网络,弹了下载完成提示,去相册检查一下,嗯?图片下载成功了,还有这种操作?赶紧检查一下代码,发现项目中使用的cached_network_image三方库加载的图片,从名字上可以判断,这是一个缓存网络图片的加载框架。所以应该是图片显示出来以后就被缓存到本地了,实际下载的流程并未走网络请求,为了验证想法,看了下框架加载图片流程,总结出下文。

怎样写好Flutter代码

代码规范作为一个研发团队的核心基因,怎样在团队中高效传承是一个挑战。Flutter作为移动端持续火热的新型框架,正吸引越来越多的研发同学进入这个领域。但是面对全新的技术框架和之前几乎很少接触的dart语言,怎样写好Flutter代码困扰了无数Flutter初学者。文本就着重分享一下闲鱼Flutter团队在基础代码规范方面所做的一些实践。

Flutter for Web在贝壳找房容灾降级中的应用

本文介绍了贝壳找房Flutter Web容灾降级方案的设计、原理以及技术难点和解决方案。

Flutter手势探索——原理与实现的背后

在日常开发中,手势和事件无处不在,比如在 Flutter 应用中点击一个点赞按钮,长按弹出 BottomSheet 和商品列表的滑动等等都存在事件传递和手势识别,Flutter 内部是如何确定哪个控件响应了事件,事件是如何在控件之间传递的,包括像 Tap 和 DoubleTap 等手势是如何区分的。为了回答以上的问题,我们接下来深入探索 Flutter 手势的原理。

Flutter 多引擎支持 PlatformView 以及线程合并解决方案

本文介绍了 Flutter 多引擎下,使用 PlatformView 场景时不能绕开的一个线程合并问题,以及它最终的解决方案。最终 Pull Request 已经 merge 到 Google 官方 Flutter 仓库。

有道词典Flutter架构与应用

长期来看,用 Flutter 来替代 Native,实现双端代码统一,节约人力开发,会是我们持续探索的方向。

Flutter 疑难杂症系列:键盘原理及常见问题解决方案

通过提供 Flutter 键盘调用流程相关分析和已知问题的解决思路,让开发者对 Flutter 键盘使用有更深入的了解和认识。

深入解析基于 Flutter 的 Web 渲染引擎「北海 Kraken 」技术原理

从技术角度来分享 Kraken 的一些实现原理以及关键的技术特性。

MOO音乐的Flutter实战总结之内存治理(下)

本系列文章将提炼 MOO APP 开发中遇到的情况,就 Flutter 内存占用治理方面,分享日常开发的一些基本认知、注意要点、排查方法和优化方案。内存治理篇文章共分上、中、下三篇,本篇为下篇。

MOO音乐的Flutter实战总结之内存治理(中)

本系列文章将提炼MOO APP开发中遇到的情况,就Flutter 内存占用治理方面,分享日常开发的一些基本认知、注意要点、排查方法和优化方案。内存治理篇文章共分上、中、下三篇,本篇为中篇。

Home - Wiki
Copyright © 2011-2026 iteam. Current version is 2.153.0. UTC+08:00, 2026-02-18 07:22
浙ICP备14020137号-1 $Map of visitor$