Flutter从入门到精通（2025版本）
分享
扫一扫
文章平均质量分 76
2025年，Flutter3.35.2，Dart 3.9.0 ，精心打造的教程讲义合集，视频课程正在制作中，预计10月底制作完成，约100篇，Dart语言核心基础、Flutter核心基础、Flutter企业级应用开发。
超级会员免费看
早起的年轻人
先后从事在 java EE 领域、Android开发架构领域、iOS开发领域、小程序开发领域、前端开发、产品设计领域、项目管理学领域等，并在大量的实践中积累了丰富的经验，也形成了一套完整的移动互联网开发解决方案
在各大技术社区刊登技约1000多篇术分享文章，同时录制了发布了多个Flutter从简到详系列的视频教程以及Android 、iOS、微信小程序系列视频教程
2021年出版《Flutter组件精讲与实战》清华大学出版社出版、《Flutter 实战应用开发》机械工业出版社出版
2022年出版《Flutter深度探索企业应用开发》清华大学出版社出版、《鸿蒙OS应用实战》机械工业出版社出版
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Flutter开发必备技能：iOS端统一指定Swift 5.0版本，告别编译错误！
解决因Swift版本不匹配导致的各种疑难杂症在日常的Flutter开发中，当涉及到与iOS原生代码交互或者使用某些Swift编写的插件时，经常会遇到Swift版本不匹配导致的编译错误。这种问题尤其容易在多人协作或者CI/CD环境中出现。Swift语言在版本迭代中会有不少API变化，如果项目中不同的依赖库使用了不同的Swift版本编译，就会导致各种奇怪的编译错误。或者这些问题大多可以通过统一指定Swift版本来解决。原创 2025-11-20 07:15:00 · 33 阅读 · 0 评论 -
Flutter应用iOS审核被拒？元凶竟是它！3步帮你快速搞定
隐私保护已成为应用开发不可忽视的一环。随着各平台审核标准的不断提高，开发者需要及时关注政策变化，保持开发环境的更新，才能在应用上架路上少走弯路。希望这次的经验总结能帮助你顺利通过审核！如果你在实践过程中遇到其他问题，欢迎在评论区交流讨论。【相关资源】苹果官方第三方SDK要求：https://developer.apple.com/support/third-party-SDK-requirements。原创 2025-11-18 23:46:01 · 84 阅读 · 0 评论 -
Dart 3.10 新特性来袭：点缩写让代码更简洁，多项改进提升开发效率！
点缩写允许我们在期望某种类型的上下文中，访问该类型的静态成员时省略类型名称。这让代码更加简洁易读。Column(// 自动推断为 Colors.blueColumn(crossAxisAlignment: .start, // 自动推断为 CrossAxisAlignment.startmainAxisSize: .min, // 自动推断为 MainAxisSize.min这是一个极高性价比的改进。原创 2025-11-17 01:35:29 · 24 阅读 · 0 评论 -
Flutter小技巧：字符串与列表互转，轻松掌握join和split！
join是 Dart 中 List 类的一个方法，能够将列表中的元素连接成一个完整的字符串。你只需要指定一个分隔符作为参数，它就能帮你完成拼接。split是 Dart 中 String 类的一个方法，与join相反，它能够将字符串按指定的分隔符分割成列表。这是处理分隔符文本的利器！join和split这两个方法虽然简单，但在实际开发中非常实用。掌握了它们，你就能轻松地在字符串和列表之间进行转换，大大提高了处理数据的效率。希望这个小技巧对你的Flutter开发有所帮助！原创 2025-11-11 08:00:00 · 37 阅读 · 0 评论 -
Flutter 绘制专题：drawArc 方法使用指南
这个矩形决定了圆弧所在的椭圆的大小和位置。圆弧会绘制在这个矩形的内切椭圆上。// 或者。原创 2025-11-10 01:28:12 · 75 阅读 · 0 评论 -
Flutter自定义绘制实战：玩转圆角矩形RRect，让你的UI更优雅！
Flutter提供了和来实现自定义绘制。是一个widget，它提供一个画布（Canvas），我们可以在其上绘制各种图形。size: Size(300, 300), // 画布尺寸painter: MyCustomPainter(), // 背景绘制（在child之前）foregroundPainter: MyForegroundPainter(), // 前景绘制（在child之后）child: Container(), // 可选的子组件而实际的绘制工作则由的子类完成，它需要实现paint方法和。原创 2025-11-10 00:17:50 · 36 阅读 · 0 评论 -
Flutter 绘制一个点
在 Flutter 中绘制一个点，主要通过Canvas的drawPoints方法实现。PaintdrawPointsOffsetPointModepoints：单独绘制每个点（默认模式）。lines：每两个点连成线段（需偶数个点）。polygon：所有点依次连接成折线。strokeCap：圆形端点（点更圆润）。：方形端点（点更尖锐）。： 控制点的大小，值越大点越明显。原创 2025-11-09 01:20:51 · 70 阅读 · 0 评论 -
Flutter TweenAnimationBuilder 使用指南
是 Flutter 中一个强大的隐式动画组件，它可以在目标值改变时自动为 Widget 的属性创建平滑的动画效果。核心特点。原创 2025-11-08 22:55:30 · 71 阅读 · 0 评论 -
Flutter SlideTransition 实现平移动画
是 Flutter 中实现位移动画的组件，通过比例偏移控制子组件的位移效果。），如果设置为false，平移后的Widget不可被点击。控制点击区域是否跟随位移（默认。原创 2025-11-08 16:23:36 · 69 阅读 · 0 评论 -
Flutter Transform.rotate 与动画控制器 实现旋转动画
Transform.rotate 是一个更基础的变换组件，其 angle 参数是一个具体的弧度值（double），并非必须接收 Animation 对象。你可以在 AnimationController 的监听器中手动设置 angle 值并刷新UI，或者与 AnimatedBuilder 等组件组合来实现动画。RotationTransition 是专门为动画设计的组件，通常与 AnimationController 配合使用，直接接受一个 Animation 对象来表示旋转圈数（turns）。原创 2025-11-07 16:40:48 · 176 阅读 · 0 评论 -
Flutter AnimatedRotation 实现旋转动画
是的动画版本，当给定的旋转角度发生变化时，它会在指定的持续时间内自动以动画方式过渡到新的旋转角度。从 Flutter 3.10 开始，框架提供了 AnimatedRotation 组件，它进一步简化了旋转变动画的实现。原创 2025-11-07 15:36:36 · 72 阅读 · 0 评论 -
Flutter命名路由配置使用指南
本文介绍了Flutter中命名路由的核心使用方法。主要内容包括：1) 通过Map定义路由表并注册到MaterialApp；2) 使用Navigator.pushNamed进行页面跳转和参数传递；3) 通过ModalRoute.of获取路由参数；4) 替换路由(pushReplacementNamed)和清除路由栈(pushNamedAndRemoveUntil)等高级操作；5) 使用onGenerateRoute处理复杂路由场景，如参数校验和动态路由生成。文中提供了完整的代码示例，展示了如何实现路由管理、参原创 2025-10-16 14:43:21 · 93 阅读 · 0 评论 -
Flutter对话框AlertDialog使用指南
Flutter AlertDialog组件使用指南：Material Design风格的警告对话框，用于展示需确认的信息。包含标题、内容区域和操作按钮三部分，通过showDialog方法调用。支持丰富的自定义属性：图标设置（icon/iconColor）、文字样式（titleTextStyle/contentTextStyle）、按钮布局（actionsAlignment）、外观样式（backgroundColor/shape）等。示例代码展示了完整属性配置，包括图标、标题样式、内容滚动、按钮排列和对话框样原创 2025-10-15 14:33:31 · 77 阅读 · 0 评论 -
【无标题】
Flutter单选框组件对比与使用指南 本文对比分析了Flutter中两种单选框组件：基础Radio和集成式RadioListTile。Radio仅提供圆形按钮，需手动组合布局；而RadioListTile内置完整列表项，包含标题、图标等元素，且整个区域可点击。两者都通过value、groupValue和onChanged实现状态管理，由父组件控制选中状态。文章提供了性别选择示例代码，展示两种组件的实现差异。特别对RadioListTile的丰富配置属性进行了详细分类说明，包括交互样式、内容布局、状态控制等原创 2025-10-12 23:23:08 · 67 阅读 · 0 评论 -
Flutter SingleChildScrollView 使用详解
Flutter SingleChildScrollView 是一个常用的滚动组件，适用于内容结构简单但可能超出屏幕的场景。本文介绍了其核心特点、基本属性（如滚动方向、物理效果等）以及三种实用示例：基本垂直滚动、水平滚动和带滚动控制的复杂布局。通过代码示例展示了如何设置滚动方向、内边距等参数，以及如何在同一页面混合使用不同方向的滚动。相比 ListView，SingleChildScrollView 只包含单个子组件，在简单内容场景下性能更优。原创 2025-10-06 22:04:32 · 117 阅读 · 0 评论 -
Flutter GridView 使用指南
Flutter GridView 使用详解：GridView 是 Flutter 中创建网格布局的组件，支持水平和垂直滚动。文章介绍了五种构造方法：1）GridView()适合静态少量数据；2）GridView.count()用于固定列数布局；3）GridView.builder()针对动态大数据量，性能更优；4）GridView.extent()通过maxCrossAxisExtent控制子项最大宽度；5）GridView.custom()提供高度自定义。每种方法都附有代码示例和配置参数说明，特别是Gri原创 2025-10-06 15:54:00 · 123 阅读 · 0 评论 -
GridView 中使用重绘边界的实用建议
Flutter GridView性能优化建议：在大多数情况下应避免使用重绘边界(addRepaintBoundaries)，因为实测显示这会降低性能（FPS下降5-10帧，内存增加30MB+）。最佳实践是保持默认设置(false)，仅对包含持续动画或视频播放的特定项手动添加RepaintBoundary。对于静态或简单内容，Flutter的智能重绘管理已足够，额外边界反而会增加内存开销和渲染负担。原创 2025-10-06 14:59:33 · 78 阅读 · 0 评论 -
Flutter开发 windows 环境配置指南
Flutter 是谷歌推出的移动 UI 框架，用于快速在 iOS 和 Android 上构建高质量的原生用户界面。bin。原创 2025-09-22 16:26:18 · 160 阅读 · 0 评论 -
Dart 类继承详解
继承是面向对象编程（OOP）的四大基本特性（封装、继承、多态、抽象）之一。它允许一个新的类（称为子类或派生类）基于一个已存在的类（称为父类基类或超类）来创建。核心思想：子类会自动获得父类的所有属性和方法（构造函数和私有成员除外），同时可以扩展出自己独有的属性和方法，或者修改父类已有的方法实现。核心目的：实现代码的复用和层次化组织，建立清晰的“is-a”（是一个）关系。特性关键字/概念描述继承关系extends建立子类与父类的“is-a”关系。方法复用(自动)子类自动获得父类的公开方法和属性。方法扩展。原创 2025-09-15 15:00:26 · 97 阅读 · 0 评论 -
Dart 语言 static 关键字详解
static关键字在 Dart 中用于修饰类级别的成员（变量和方法），而不是实例级别的。这意味着这些静态成员属于类本身，而不是属于由类生成的任何一个对象（实例）。你可以不通过类的实例，而直接通过类名来访问这些静态成员。特性实例成员静态成员归属对象的实例类本身内存每个实例都有独立副本全局只有一份副本关键字无static访问方式this可用性可用不可用访问实例成员可直接访问不可直接访问访问静态成员可直接访问可直接访问核心思想。原创 2025-09-15 14:00:53 · 117 阅读 · 0 评论 -
Dart 核心语言基础 循环语句：for 循环详解
它接收一个函数（通常是匿名函数或 Lambda 表达式）作为参数。它可以避免编写大量重复的代码，是程序自动化处理任务的基础。循环提供了对一个代码块执行指定次数的完整控制。循环更简洁，当你不需要关心当前元素的索引时，它是更好的选择。当前迭代中剩余的代码，并立即进行下一次循环的条件判断和迭代。但你可以修改元素对象的属性（如果对象是可变的）。最内层的循环，并开始执行循环之后的代码。在编程中，循环是一种控制流语句，用于。循环是其中最常用、最灵活的一种。，则只会跳出内层循环，输出会更多。循环（通常是外层循环）。原创 2025-09-11 18:16:36 · 113 阅读 · 0 评论 -
Dart 函数与词法作用域详解
/ 1. 标准函数定义返回值类型 函数名(参数列表) {// 函数体return 返回值;// 示例：特性描述Dart 中的体现词法作用域变量的可见性由代码的物理结构决定，在编写时确定。花括号{}界定作用域，内层可访问外层，外层不可访问内层。函数是一等公民函数可以像普通值一样被使用。函数可被赋值给变量、作为参数传递、作为返回值。闭包函数可以捕获并持有其定义作用域中的变量。内部函数可以记住并访问外部函数的变量，即使外部函数已执行完毕。原创 2025-09-11 10:34:49 · 51 阅读 · 0 评论 -
Dart核心语言基础 条件判断语句
在 Dart 中，条件判断语句用于根据不同的条件执行不同的代码块。if语句if-else语句else-if链三元运算符 (?switch语句。原创 2025-09-08 22:11:13 · 143 阅读 · 0 评论 -
Dart 语言基础 逻辑运算符详解
Dart 提供了三种逻辑运算符：&&、|| 和 !原创 2025-09-07 08:48:16 · 66 阅读 · 0 评论 -
Dart语言基础 关键字 var与dynamic
在 Flutter/Dart 开发中，var和dynamic都是用于声明变量的关键字，但它们具有不同的行为和适用场景。理解它们的区别对于编写类型安全且高效的代码至关重要。var是一种类型推断声明方式类型在编译时确定，一旦确定就不能更改提供编译时类型检查，增强代码安全性dynamic是一种动态类型声明方式类型在运行时确定，可以随时改变编译时不进行类型检查，可能导致运行时错误。原创 2025-09-06 15:46:11 · 133 阅读 · 0 评论 -
Dart核心语言基础-Map进阶用法SplayTreeMap
如果你无法修改类的源码（例如，类来自第三方库），或者你想在不同的 Map 中使用不同的排序规则，这种方法非常灵活。计算机科学中有一个“局部性原理”，即最近被访问的数据，在不久的将来很可能再次被访问。会自动将最近被访问的缓存项（如最近查看的用户信息、热门新闻）提到“顶部”，淘汰和查找效率都很高。算法，这意味着最近被访问过的元素会被移动到树的根节点附近，从而使其在后续的访问中速度更快。当你的 Map 中 80% 的操作都集中在 20% 的键上时（符合二八定律），你需要在你的类内部定义自然的排序规则。原创 2025-09-06 15:20:30 · 59 阅读 · 0 评论 -
Dart HashMap：不保证顺序的 Map 实现
Dart 的 HashMap 不保证元素的任何顺序，这是它与默认 Map（LinkedHashMap）的主要区别。插入顺序不保留遍历顺序不一致且不可预测内部基于哈希表实现，元素位置由哈希值决定在选择使用 HashMap 还是 LinkedHashMap 时，应根据是否需要保持元素插入顺序来决定。当顺序不重要且可能追求更高性能时，HashMap 是一个不错的选择。原创 2025-09-06 14:58:14 · 62 阅读 · 0 评论 -
Dart核心语言基础 集合 Map使用指南
Map 是 Dart 中一种非常重要的集合类型，它表示一组 键值对（key-value pairs）的集合原创 2025-09-06 14:33:13 · 139 阅读 · 0 评论 -
Dart核心语言基础 Map的合并使用指南
浅合并如果 Map 中的值是另一个 Map（即嵌套结构），浅合并会直接用后者的嵌套 Map整体替换前者的对应值。深合并会递归地进入嵌套的 Map 内部，将相同键的值进行合并，而不是简单替换。原创 2025-09-06 11:56:52 · 68 阅读 · 0 评论 -
Dart核心语言基础-算术运算
Dart 中的算术运算摘要：本文详细介绍了 Dart 语言的算术运算功能，包括基本运算符（加减乘除、取模等）、复合赋值运算符、自增自减操作，以及运算符优先级规则。特别强调了类型转换注意事项和常见错误处理，如除以零问题和精度控制。实战部分提供了计算圆面积、温度转换等实用示例，帮助开发者掌握 Dart 数值运算的核心技巧。文章结构清晰，涵盖从基础到应用的全方位内容，适合 Dart 初学者和需要复习的开发者参考。原创 2025-09-05 11:29:04 · 63 阅读 · 0 评论