当前开发环境 Flutter 版本：3.10.5，Dart 版本：3.0.5，操作系统：macOS 文章目录一：效果演示二：ReorderableListView 源码分析2-1：必需属性2-2：可选属性三：如何使用 ReorderableListView四：如何指定组件中的部分区域进行拖拽4-1：问题分析4-2：解决方案 一：效果演示在 Flutter 中，实现拖动某一个组件可以使用 Dragg
Flutter GetX Tag 属性使用详解了解 Flutter GetX Tag 属性的定义、用途、实现方式和常见问题。 前言 Flutter中，GetX是一款非常流行的状态管理库。它不仅提供了状态管理的功能，还有路由、依赖注入和许多其他功能。在这篇文章中，我将介绍如何在Flutter中正确使用GetX的标签（Tag）功能。很多同学在问我 Getx 问题的时候，我发现都对 tag 属性不清楚
转载
2024-06-05 06:20:20
77阅读
Flutter 中，我们可以通过Image组件来加载并显示图片，Image的数据源可以是asset、文件、内存以及网络。1 在工程根目录下创建一个images目录2 在pubspec.yaml中的flutter部分添加如下内容：3 加载该图片Image也提供了一个快捷的构造函数Image.asset用于从asset中加载、显示图片：4 从网络加载图片const Image(
前面我们分析了Widget，发现源码非常简单，主要逻辑就是构建子树，以及是创建Element。 那Element有何神奇？且看Element。首先我们看下Element家族的继承关系：我们可以看到Element系列庞大，但跟我们平常开发关系比较大却不多。接下来我们会主要围绕这个继承关系图，逐个分析主要的类。DiagnosticableTree这个没什么好说的，就是一堆方便处理调试信息的。Widge
在 Flutter 3.0 发布之前，我们通过 《Flutter 深入探索混合开发的技术演进》 盘点了 Flutter 混合开发的历史进程， 在里面就提及了第一代 PlatformView 的实现 VirtualDisplay 即将被移除，而随着最近 Flutter 3.0 的发布，这个变更正式在稳定版中如期而至，所以今天就详细分析一下，新的 TextureLayer 如何替代 PlatformV
转载
2024-09-14 12:57:27
23阅读
何为硬件绘图屏幕图像的基本为多个无力显示单元组成，每个单元都可以称之为物理像素点，而人类可观测的颜色值由RGB组成，都有28个值，RGB就有224个值。为了更新画面，屏幕以固定的评率刷新，比如60HZ就是每秒展示60张图像，当切换每一帧画面的时候都会有显示器发出信号，然后同步CPU、GPU。一次绘制大致的流程是CPU计算好内容，交给GPU，GPU渲染后放入帧缓冲区，然后由视屏控制器传递给显示器。F
转载
2024-03-25 13:49:16
81阅读
Flutter是什么Flutter是一个UI SDK(Software Development kit)，可以作为移动端(iOS、Android)、Web端、桌面的跨平台解决方案。Flutter的特点使用Flutter内置美丽的Material Design和Cupertion widget、丰富的motion API、平滑而自然的滑动效果和平台感知，为您的用户带来全新的体验。Flutter的UI
本文对Flutter的29种布局控件进行了总结分类，讲解一些布局上的优化策略，以及面对具体的布局时，如何去选择控件。1.1 乱侃前前后后也算是拖拖拉拉的写了一些Flutter的文章，写的也都比较粗略。最近工作调动，内部换了部门，一顿瞎忙活，也打乱了原本的分享计划。从我最开始接触Flutter到现在，差不多四个多月了。在这段时间里面，Flutter也发布了Release Preview版本。各个技术
转载
2023-12-29 13:16:01
38阅读
flutter(全部组件)基础组件（在构建您的第一个Flutter应用程序之前，您绝对需要了解这些widget。）基础 WidgetsContainer ： 一个拥有绘制、定位、调整大小的 widget。 Row：在水平方向上排列子widget的列表。 Column：在垂直方向上排列子widget的列表。 Image：一个显示图片的widget Text：单一格式的文本 Icon：一个材料设计图标
转载
2024-04-17 15:25:18
60阅读
PageView.builder
原创
2021-12-04 10:48:50
813阅读
PageView.builder({ Key? key, this.scrollDirection = Axis.horizontal, this.reverse = false, PageController? controller, this.physics, this.pageSnapping = true, this.onPageChanged,
原创
2022-01-12 10:23:28
1121阅读
有时候点击之后没有反应，原因：点击部分处于空白区域，没有接收到点击事件，处理方式就是添加 behavior 属性值。GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () {
},
child: Text("测试"),
),
GestureDetector 的 behavior 属性用于控制手势识别器与其他
原创
2024-08-23 09:03:12
54阅读
Provider的使用Provider是flutter官方提供的用来进行状态管理的一个框架，简单的可以理解为，当一个数据对象变化时，我们希望UI中能同步的更新，它能自动的监听变化，避免了手动调用的过程。 首先导入依赖dependencies:
provider: ^6.0.3它的原理其实还是观察者模式，在最顶层的widget上包裹一个Provider，创建出我们需要监听的数据，在子widget
转载
2024-01-03 14:01:54
73阅读
接下来的一段时间里，我们将为大家持续推送最新的 Flutter 中文文档，这些文档由国内的 Flutter 开发者、爱好者翻译发布和共同维护。欢迎分享给身边的开发者朋友，也欢迎随时通过 Issue、PR 的方式向我们提出翻译错误，你的贡献会造福全球读中文的开发者。Flutter 是 Google 开源的便携式 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌
转载
2024-06-14 22:07:17
89阅读
在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。优美的音乐节奏带你浏览这个效果的编码过程坚持每一天，是每个有理想青年的追求追寻年轻人的脚步，
原创
2022-02-10 15:55:19
134阅读
Flutter 中的 Dismissible 小部件：全面指南在Flutter中，Dismissible是一个方便的组件，它允许用户通过滑动来移除列表中的条目。这在实现如待办事项列表、消息应用或任何需要快速删除项的场景中非常有用。本文将详细介绍Dismissible的用途、属性、使用方式以及一些高级技巧。什么是 Dismissible 小部件？Dismissible是Flutter的一个组件，它提
在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。优美的音乐节奏带你浏览这个效果的编码过程坚持每一天，是每个有理想青年的追求追寻年轻人的脚步，也许你的答案就在这里如果你迷茫 不妨来瞅瞅这里1 SpringSimulationSpringSimulation 用来构建弹簧，SpringDescription 用来配置弹簧.
原创
2021-06-01 16:03:33
431阅读
new Row(// //主轴布局方式，column主轴方向是垂直的方向// //将子控件放在主轴的开始位置// start,// //将子控件放在主轴的结束位置// end,/
原创
2021-12-01 14:35:35
138阅读
Image中不加fit属性时图片状态：蓝色框为图片所在容器1.fill完全填充容器。图片或图形的宽度和高度都会被拉伸以完全
原创
2024-03-03 01:10:58
194阅读
BoxFit 是一个枚举类型，用于指定如何调整图像以适应其显示容器。它通常用于 Image 或 DecorationImage 等涉及图像的部件和类中。BoxFit的常用值介绍：Image中不加fit属性时图片状态 ↓蓝色框为图片所在容器添加fit属性时图片的状态 ↓1.fill:完全填充容器。图片或图形的宽度和高度都会被拉伸以完全填充容器，可能会导致结果看起来变形，因为图形的原始宽高比可能不被保
原创
2024-01-05 10:14:01
239阅读
