框架与类库:Flutter
Master Markdown and Multi-line Selection in Flutter: A Step-by-Step Tutorial
开发Moli AI时,需要支持Markdown渲染和多行复制。使用flutter_markdown
包可以轻松实现Markdown文本的渲染,并通过styleSheet
属性自定义样式,如字体、颜色和代码块装饰。为解决多行选择问题,引入flutter_markdown_selectionarea
包,结合SelectionArea
组件实现多段落选择。此外,通过MarkdownElementBuilder
自定义Markdown元素的渲染,提升用户体验。
Flutter 小技巧之:实现 iOS 26 的 “液态玻璃”
iOS 26 的「液态玻璃」设计风格引发热议,其独特的模糊和液态效果并非简单的毛玻璃处理,而是通过自定义着色器实现。核心代码展示了如何通过采样和扭曲坐标来模拟液态效果,包括模糊半径计算、方向采样和颜色平均等步骤。虽然实现粗糙,但苹果在能耗和渲染成本控制上的自信令人期待。感兴趣的可通过链接获取 Demo 和代码。
Flutter localization and internationalization (i18n) with examples
Flutter是谷歌的开源UI工具包,支持多平台应用开发。通过掌握Flutter本地化技术,可以使应用适应全球用户。本文介绍了如何在Flutter中实现国际化和本地化,包括设置工作环境、创建翻译文件、使用ARB文件进行翻译、使用Intl库处理日期和货币格式、实现多语言切换以及利用AI工具进行翻译管理。此外,推荐使用Lokalise平台进行高效的翻译管理。
Flutter Navigator2.0的原理和Web端实践
在Navigator 2.0推出之前,Flutter主要通过Navigator 1.0和其提供的 API(如push(), pop(), pushNamed()等)来管理页面路由。然而,Navigator 1.0存在一些局限性,如难以实现复杂的页面操作(如移除栈内中间页面、交换页面等)、不支持嵌套路由以及无法满足全平台(尤其是Web平台)的新需求。因此,Flutter官方团队决定对路由系统进行改造,推出了Navigator 2.0。
Cursor 写一个 Flutter Unsplash 壁纸工具
使用 Curosr 工具,通过文字方式提供需求,竟可能不写一行代码来实现一个 Unsplash 图片墙工具。
探索设计稿自动生成Flutter代码的技术方案
近年来,随着人工智能和大模型技术的发展,设计稿(UI视图)自动生成代码的技术也在不断进步。
滴滴开源新项目Unify:聚焦Flutter与原生通信难题,助力跨端应用落地
滴滴国际化业务自研Unify框架,高效解决Flutter与原生通信难题,提升交付效率50%+,已成功将多项原生能力导入Flutter,并支撑外卖及出行司机端大规模跨端落地,形成高效业务架构模式。
Securing Your Flutter App By Adding SSL Pinning
Ensuring Secure Communication in Flutter Applications Using SSL Pinning Techniques.
Flutter 无埋点SDK实现
文章介绍了使用AspectD工具在Flutter中实现AOP埋点的方法。通过修改编译工具flutter_tool,在编译期进行代码插桩,实现自动化埋点。文章提供了使用AspectD的步骤和配置,并给出了运行示例的指导。同时,文章还提到了如何参考Flutter Inspector工具的实现,在编译期通过transformer实现所有widget的抽象类_HasCreationLocation的操作。这样可以记录文件位置信息,实现自定义的埋点功能。需要注意的是,在修改相关代码前需要执行flutter clean并重新编译。
众安银行的Flutter 热修复实践之路
探秘众安银行如何运用Flutter Web技术实现高效的热修复方案,提升线上应用的稳定性与用户体验。
Flutter与原生组件的相爱相杀:PlatformView与纹理渲染原理大揭秘!
Flutter外接纹理渲染存在一个Bug,当使用Texture控件并引入PlatformView组件时,后者会导致Texture不再刷新。这个问题只在安卓平台上出现。文章介绍了PlatformView的渲染方案演进,从VirtualDisplay到现在的Hybrid Composition和PlatformViewWrapper。Hybrid Composition可以同时渲染原生组件和Flutter画布,解决了手势问题。Flutter团队对新的PlatformView实现方案非常有信心,即将退出舞台的Hybrid Composition渲染方式需要及时适配。对于外接纹理的刷新机制,通过源码得知,当视频渲染完成时,通过Android SurfaceTexture的OnFrameAvailableListener回调通知c层,但具体的刷新机制和Bug没有详细说明。根据Debug和nativeMarkTextureFrameAvailable的实现分析,Java层回调正常,问题可能出现在C层逻辑中。
Flutter自定义引擎-编辑器两端对齐
由于我们编辑器有自定义排版的需求,所以我查看了dart framework层关于RichText的排版与绘制的流程,发现都是在native实现,也就是在flutter engine中使用C++实现的.所以我们是需要下载flutter engine源码,修改调试,并把自定义的flutter engine接入到我们的项目中.
Flutter在震坤行移动应用的实践之路
本文主要介绍项目中Flutter-Native混合开发相关实践,欢迎大家阅读!
Soul Flutter内存治理经验谈
在采用 Flutter 技术过程中,我们逐步发现 App 的内存使用存在上升,在一些场景和调查中发现 Flutter 的内存使用相对较高,随着业务的迭代和发展,这一风险也逐步暴露。
这些年我们一起踩过的 Flutter 坑
Flutter 技术并非新技术,近年以来备受各类型公司追捧,其中不乏头部公司参与其中。Soul 2020年开
A Comprehensive Guide to Advanced Animation Techniques in Flutter
Flutter is a versatile mobile app development framework that equips developers with powerful tools to create high-quality and performant applications. One of its standout features is its robust support for animations, which can elevate your app’s user interface by making it more visually appealing and interactive.