博客blog

这是一个专注于 Flutter 和 Dart 开发的领先博客网站。我们提供深入全面的教程、指南和最佳实践,帮助开发者快速掌握 Flutter 核心技术,构建高质量、可靠的移动应用。
使用Clauder 3.7与Figma MCP生成Flutter界面代码
flutter

使用Clauder 3.7与Figma MCP生成Flutter界面代码

上篇文章讨论了 Cursor 0.46,但未提及 Model Context Protocol (MCP) 协议。这是一个重要的特性,使 Cursor 能够访问外部资料。今天,我将举例说明如何通过 Figma MCP 来生成界面代码。
Cursor 0.46 Flutter 开发者首选
flutter

Cursor 0.46 Flutter 开发者首选

有很多群友询问我使用什么 AI 工具。我的建议是,如果你刚开始接触 AI 集成工具,可以从 Cursor 开始。这是一个功能全面的开发工具,提供代码提示、自动生成代码以及丰富的自定义选项。今天,我将介绍 Cursor 0.46 版本的变化。
Flutter GetX 4.7.2 发布:被严重低估的强大框架
flutter

Flutter GetX 4.7.2 发布:被严重低估的强大框架

先说结论:感谢 GetX 让我节省了很多代码时间,这是一款被严重低估的 Flutter 组件,被认为设计的过于简单、没有深度、无人维护啥啥的。 很多开发者在讨论 GetX 是否已经放弃维护,但实际上并非如此。GetX 目前正集中精力开发 5.0 版本,同时也在维护 4.x 版本,最新更新已达到 4.7.2。社区内一些人常常拿其他状态管理库来与 GetX 对比,然而作为一个使用过 Bloc、Provider 和 Riverpod 的开发者,我认为 GetX 完全不逊色于它们,而且使用起来非常简单。 值得强调的是,GetX 本身是一个工具库,涵盖了状态管理、依赖注入、导航、扩展、HTTP 通信、多语言、对话框和防抖等多种功能。这些特性使得 GetX 在开发中非常高效和便捷。
开源 我写了个 Flutter 组件 ducafe_ui_core
flutter

开源 我写了个 Flutter 组件 ducafe_ui_core

许多群友询问我关于 ducafe_ui_core 的使用方法。这个组件是我将之前项目中频繁重复使用的功能独立抽取出来,以便在新项目中引入,从而提升开发效率。如果你想系统地学习 Flutter,欢迎关注我的新课程woo2025。在本文中,我将介绍 ducafe_ui_core 包含的各种功能。
Flutter 是否需要 UI 组件库?
flutter

Flutter 是否需要 UI 组件库?

一直有群友问我推荐个 UI 组件库啥的,其实不一定适合你,做移动APP还是要自己包装组件库才好用,今天聊下为什么。
Dart 3.7 发布
flutter

Dart 3.7 发布

Dart 3.7 的发布带来了多项重要更新,旨在提升开发者的生产力。新引入的通配符变量 `_` 作为占位符,简化了参数命名,消除了名称冲突的可能性。此外,Dart 格式化工具(`dart format`)进行了重写,自动处理尾随逗号,使代码格式更加统一。分析器也增加了新的快速修复和 lint 规则,提升代码质量。 在 pub.dev 上,新增的下载统计功能允许包作者查看版本下载情况,同时推出了深色模式,改善夜间使用体验。此外,主题搜索的自动补全功能使用户更容易找到相关包。整体而言,Dart 3.7 通过这些更新,致力于提供更高效、便捷的开发体验。
Flutter 实现 Glassmorphic 高斯模糊效果
flutter

Flutter 实现 Glassmorphic 高斯模糊效果

在 Flutter 开发中,实现玻璃模糊效果(Glassmorphism)能够显著提升用户界面的视觉吸引力。本文提供了详细的实现步骤和代码示例,帮助开发者在 Flutter 中轻松创建 Glassmorphic 界面。通过掌握这一设计技巧,您可以为应用增添现代感与层次感,打造出更具吸引力的用户体验。
Flutter 中 ColorFilter 的快速参考指南
flutter

Flutter 中 ColorFilter 的快速参考指南

在 Flutter 开发中,掌握 `ColorFilter` 的使用至关重要。`ColorFilter` 允许开发者对图像和界面元素应用颜色过滤效果,从而增强用户体验。本文为您提供了 `ColorFilter` 的快速参考,涵盖其用法和示例,帮助您在项目中灵活应用。通过深入理解 `ColorFilter`,您将能够创建更具视觉吸引力的 Flutter 应用程序,提升整体应用效果。
Dart 与 Flutter 中的 Covariant 用法
flutter

Dart 与 Flutter 中的 Covariant 用法

在面向对象编程中,我们经常处理类的层次结构,其中子类需要处理比其父类更具体的类型。Dart 的 covariant 关键字为实现这种类型专业化提供了类型安全的方式。接下来,我们将通过一个Animal喂养系统的实际例子来深入探讨这一概念。
Flutter 3.29 中有什么新内容
flutter

Flutter 3.29 中有什么新内容

深入探索 Flutter 3.29!此版本改进了开发体验并提升了性能,对 Impeller、Cupertino、DevTools 等进行了更新。在本次发布周期中,有 104 位独特作者贡献了代码,Flutter 3.29 展现了社区的 dedication。让我们看看有哪些新内容!
免费使用 字节跳动 Trae IDE Claude 3.5 Sonnet 自动编写 Flutter 代码
flutter

免费使用 字节跳动 Trae IDE Claude 3.5 Sonnet 自动编写 Flutter 代码

智能 IDE 的竞争已经达到了一个令人鼓舞的水平,诸如 Cursor、Cline、Roo、Code、Copilot 和通义灵码等工具层出不穷。今天,我们要介绍一个新的补充方案——Trae IDE 提供的 Claude 3.5 Sonnet 大模型。它目前免费开放使用,为开发者提供了一个极佳的选择。
无限制使用 Claude 3.5 Sonnet 提升 Flutter 开发效率
gpt-ai

无限制使用 Claude 3.5 Sonnet 提升 Flutter 开发效率

通过 VSCode LM API,Roo Code 插件使您能够便捷地访问 GitHub Copilot,从而利用大模型如 Claude 3.5、GPT-4o、o1 和 o3 min 来自动化 AI 代理编程。该插件为付费的 Copilot 用户提供无限制的调用权限,是一个理想的补充解决方案,助力您的编程效率和创新。
通义千问2.5-Max + Roo Code Cline 插件:实现 AI Agents 自动编程。基准测试超过 DeepSeek v3。
flutter

通义千问2.5-Max + Roo Code Cline 插件:实现 AI Agents 自动编程。基准测试超过 DeepSeek v3。

首先得出结论:除了 Cursor 工具,我们还有许多其他选择。例如,今天提到的 Roo Code 作为一个 AI Agents 自动编码的工具,是一个 VSCode 插件,并在千问大模型 qwen-max-2025-01-25 发布时使用。目前,猫哥的主流选择仍然是:Cursor 进行代码生成,配合 GitHub Copilot 提供代码提示。同时,我们也在研究使用 Roo Code、Cline 以及各大模型平台。
Flutter 中使用 Mixin 优化逻辑与功能
flutter

Flutter 中使用 Mixin 优化逻辑与功能

本文详细介绍了 Flutter 中的 mixin 概念,包括其特点、使用场景以及如何有效地在多个类之间共享代码。了解如何利用 mixin 实现功能模块化,避免代码重复,提升开发效率。
使用 Google IDX Gemini 平台开发高效 Flutter 应用
flutter

使用 Google IDX Gemini 平台开发高效 Flutter 应用

本文总结了使用 Google IDX Gemini 平台开发高效 Flutter 应用的优缺点。首先,IDX 平台的优势包括开箱即用,免去复杂的环境配置,用户可以快速开始开发;支持多种预设模板,方便开发者选择合适的开发环境;支持从 GitHub 和 GitLab 导入代码仓库,提升开发效率。然而,该平台也存在一些缺点,如外网速度慢,可能影响开发体验;目前仅支持 Android 移动开发,限制了平台的应用范围;在处理多文件、指令和 Web 读取方面的自动化功能仍有待提升。通过权衡这些优缺点,开发者可以更好地利用 Google IDX Gemini 平台进行 Flutter 应用开发。
用 Cursor AI 写 flutter 直接喂设计图就行
flutter

用 Cursor AI 写 flutter 直接喂设计图就行

在上一篇文章《Flutter 使用 Cursor 和 Figma 快速生成界面代码》中,有同学提到他直接使用了设计稿的图片进行生成。我试了一下,效果确实很好。因此,我整理了一些文档,希望对大家有所帮助。 下图展示了我没有手动编写任何代码实现的消息首页,支持上下滑动刷新数据。
Flutter 3.27 中的新功能
flutter

Flutter 3.27 中的新功能

让我们深入探讨 Flutter 3.27!此版本充满了改进和功能,专注于优化您的开发体验并提升应用程序的性能。 我们在框架、引擎和生态系统方面都有更新,包括 Impeller 的进展和 Cupertino 小部件的改进。此外,我们还在 DevTools 中引入了令人兴奋的新功能,使管理 Flutter 项目比以往任何时候都更容易。凭借来自 187 位贡献者的超过 1,400 次提交(其中包括 49 位首次贡献者!),Flutter 3.27 是 Flutter 社区难以置信的能量和协作的证明。让我们来探索一下新内容吧!
Flutter 中 SizedBox 的替代布局方式
flutter

Flutter 中 SizedBox 的替代布局方式

在本文中,我们深入探讨了在Flutter开发中使用SizedBox进行间距设置的不足之处,并提供了多种更有效的替代方案。这些替代方法包括使用Padding、Spacer、Flexible和Wrap等小部件,以实现更灵活和响应式的布局设计。
Flutter 使用 Cursor 和 Figma 快速生成界面代码
flutter

Flutter 使用 Cursor 和 Figma 快速生成界面代码

本文介绍如何通过Cursor和Figma工具快速生成Flutter界面代码,提升开发效率,适合Flutter开发者和UI设计师阅读。
Cursor 写一个 Flutter Unsplash 壁纸工具 | 从零开始
flutter

Cursor 写一个 Flutter Unsplash 壁纸工具 | 从零开始

使用 Curosr 工具,通过文字方式提供需求,竟可能不写一行代码来实现一个 Unsplash 图片墙工具。