话题框架与类库 › Flutter

框架与类库: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.

ホーム - Wiki
Copyright © 2011-2025 iteam. Current version is 2.144.0. UTC+08:00, 2025-07-04 21:09
浙ICP备14020137号-1 $お客様$