前言：在实际开发中，这种写死的，或者叫静态的列表使用的非常少。我们常用的是动态列表，比如我们的数据从后台读取过来，然后存入一个变量数组里，然后以数组的内容循环出一个列表。一、List类型的使用List是Dart的集合类型之一,其实你可以把它简单理解为数组（反正我是这么认为的），其他语言也都有这个类型。它的声明有几种方式：
var myList
Flutter常用组件ListView动态列表是我们常用的基本布局方式之一，我们可以通过ListView来实现动态列表，它也支持横向和纵向的方式去展示。我们可以通过ListView去实现垂直列表、垂直图文列表、水平列表、动态列表、矩阵式列表等。以下是ListView的常用基本参数名称类型&说明scrollDirectionAxis & Axis.horizontal 水平列表 Ax
转载
2024-06-29 15:18:09
186阅读
今天我们用Flutter来实现这样的一个页面，类似于一个分组列表，在Android 中如果要实现一个这样的页面，实现想到的肯定是RecycleView，然后通过在adapter中设置两个item样式根据在数据中新增一个标示来区分是标题还是内容，一个控件就能搞定，但是在Flutter中并没有适配器的概念，那如果要实现这样的一个布局该怎么办？ 通过分析页面得知，这应该是一个ListView嵌套一个Gr
大家有没有想过，当子widget属性变化后，通过setState通知底层引擎刷新，那么当前页面上的所有Widget都会刷新吗，准确说应该是RenderObject Tree会整个刷新吗？聪明的你肯定能想的到，当然不会把整个RenderObject Tree刷新当一个组件的大小被改变时，其parent的大小可能也会被影响，因此需要通知其父节点。如果这样迭代上去，需要通知整棵RenderObject
转载
2024-04-09 14:14:51
168阅读
Flutter正式版出了,做为一个Android开发，是时候跟随大部队进坑了。在写一个登录页面的时候登录是写完了，突然发现不知道怎么搞一个加载中的动画效果，毕竟Android中有ProgressDialog可用，然而Flutter中不知道用啥，那就自己写一个出来。项目地址目标先上效果图： 是不是感觉跟ProgressDialog创建出来的一毛一样！！！实现思路使用对话框首先想到的是用Flutt
转载
2024-05-01 09:24:49
487阅读
Recyclerview animation
什么时候开始的 RecyclerView animation，在我们UI 2.0~3.0的时候，很多地方都需要这种 RecyclerView 界面 初始化，添加，移除，更新 数据的 动画效果样式.看几个RecycelrView Adapter 初始化的小DEMO除了这种方式进行初始化，我们还可以用前面所讲的过渡动画来进行Transition explo
转载
2024-04-28 13:30:11
411阅读
一、Flutter 动画类型、二、Flutter 动画的核心类、三、相关资源
原创
2022-03-08 13:34:06
266阅读
如何使用模拟器和外部工具制作GIF动画
自从模拟器GIF动画网站开通后我就想写这个教学，但是自己又很懒，所以拖到了现在。废话不多讲，马上切入正题。
第一步：
当然是整理构思，明确你要做什么。
第二步：选择工具
抓图工具，拿当前最流行的CPS2及Ne
一、Flutter中的动画的基本概念图 二、Flutter各动画的概念视图动画补间动画就是一个View，定义了起点和终点、时间以及运动曲线，并按照所定规则由起点运动到终点的过程。帧动画帧动画就是将N张图片按照一定是时间循环播放产生的视觉动画效果基于物理的动画就是一个View按照现实世界物体运动的曲线去运动。例如：1、当你掷球时，它在何处落地，取决于抛球速度有多快、球有多重、距离地面有多远
转载
2024-04-10 06:49:09
210阅读
Flutter动画中用到的基本概念 Flutter动画中有4个比较重要的角色：Animation、Controller、Curve、Tween，先来了解一下这四个角色 1.1 Animation Animation是Flutter动画库中的核心类，用于插入指导动画的值 Animation对象知道动画
转载
2020-10-17 13:52:00
184阅读
RecyclerView的展开与折叠是一种常见的动画 主要有两种方式可以实现1.通过添加与移除元素 notifyInsert,notifyRemoved，这种方式涉及到元素的加减，动画效果不太流畅2.通过给RecyclerView的item添加动画 这种情况需要考虑一个item添加动画时，对其他的item的影响。而利用MotionLayout可以方便的实现这一点。先来看看效果 1.支持流
转载
2024-03-18 19:18:57
59阅读
近期准备面试 好好复习下 总结点东西WidgetWidget是不可变的.
Widget 是 描述 Element的配置 , 告诉 Element 这个实例如何去渲染。
Widget 和 Element 之间是一对多的关系 .
每当Widget插入到树中,就会生成一个对应的Element.
Widget 可能被复用到树的多个部分，对应产生多个 Element 对象。RenderObjectRende
定义列表（list）：一组有顺序的数据的集合（用中括号包裹）。元组tuple是一种特殊的列表，不能修改，具有list除了修改的所有操作（用圆括号括着）。这里的不可修改是指那一份数据不可修改，两个tuple连接给一个新的tuple这类本质是创建的操作是允许的。但是内容修改会违法。创建及分片分片操作会产生一个新的list，而不是共同管理变量的关系。（相当于深度拷贝）示例代码。# 空列表
l1 = []
转载
2024-07-03 20:02:25
223阅读
在Flutter中，我们设置尺寸的时候都是double型的数量，不能设置单位，这是因为flutter默认是使用logical pixel逻辑像素的，系统拿到我们设的值，会自动判断在iOS或者Android上对应的尺寸，不用我们强制转换成某一个单位。所以，我们现在要想的就是，这个值，我们应该设置成多少。在这里，我用实现控件尺寸与屏幕上固定尺寸（宽度、状态栏高度）的比例与UI图上相同的适配方案。Flu
引言昨天已经使用 RefreshIndicator 实现了下拉刷新数据的效果，今天，我们使用ScrollController来实现：上拉加载更多数据，然后再将二者汇总起来~~废话不多说，上菜，哦，不对，上图?~~效果图那么我们开始吧，let's go先看今天的主菜：ScrollController为什么说这个呢？这是因为「上拉加载更多」这个功能，Flutter 并没有为我们提供类似RefreshI
转载
2024-09-20 09:39:17
73阅读
一，概览这块的内容比较多且有些复杂，为了不让大家迷失在源码的海洋里，我们还是举个例子先简单了解一下这个体系。void main() {
runApp(MyWidget());
}
class MyWidget extends StatelessWidget {
final String _message = "Flutter框架分析";
@override
Widget buil
转载
2024-04-25 12:20:17
93阅读
项目已经上传github，点击这里查看先看看效果动画很粗糙，请不要在意。项目是基于我改进的一个RecyclerView.Adapter，这个adapter可以给RecyclerView添加header和footer实现的逻辑是，给RecyclerView各添加一个自定义View作为Header和Footer，自定义的view作为Drawable的Drawable.callback对象,这样draw
转载
2024-03-01 08:45:37
29阅读
在Flutter开发之ListView组件（21） 文章中，我们了解了ListView组件的基本使用。但是数据比较少，没有涉及分页加载。而实际开发中，下拉刷新和分页加载几乎是所有APP的标配。在iOS 开发中我们通过MJRefresh 给UITableView添加mj_header和mj_footer刷新事件来触发下拉刷新和分页加载实现的。那么我们看一下Flutter中的下拉刷新跟上拉加载更多是如
转载
2024-03-10 17:33:02
433阅读
此图与正文无关，只是为了好看写在前面这段时间一直在学习 Flutter，在 dribble 上看到一张导航栏设计图，就是下面这张，感觉很是喜欢，于是思考着如何在 Flutter 中实现这个效果。 设计图作者：Lukáš Straňák经过一番研究，大体上算是实现了效果（有些地方还是需要改进的），如下： 这篇文章和大家分享一下实现过程，一起交流、学习。重点阅读实现这个效果主要用到了 Anim
转载
2024-03-29 22:51:43
279阅读
实现的效果图（官网示例）作为一个 Android 开发者，实现这个功能那肯定是分分钟的事，但是现实是用 flutter 实现，那么需要如何来实现呢？通过拆分我们可以得到如下要实现的功能：顶部标题栏可滑动的列表可收藏和取消的点击图标页面跳转在开始实现效果之前，我们先来了解一下代码结构，入口在lib/main.dart,目前所有的代码都先在里面实现。在这里使用了一个第三方库，用于提供随机的英文词组，所
转载
2024-03-07 08:58:52
112阅读
