在 FLutter 中 , 所有的列表都支持设置一个 ScrollController 类型的参数 ,
SingleChildScrollView 类似 Android 中的 scrollview ，且同样的只可包含有一个子元素
前面我们学习了文本、图片和按钮这些基本元素，这些基本元素需要进行排列组合，才能构成我们看到的UI视图。那么，当这些基本元素的排列布局超过屏幕显示尺寸（即超过一屏）时，我们就需要引入列表控件来展示视图的完整内容，并根据元素的多少进行自适应滚动展示。
使用 Flutter 提供的 RefreshIndicator 组件 , 可以实现下拉刷新的功能 ;
在 Flutter 视图布局（一）中文章结束时留下了一个问题，大家有尝试去实现吗？
在学习 Flutter 的过程中也看到一些江湖侠客们对于 Flutter 的议论。他们大多觉得 Flutter 不够友好、括号太多了，导致看起来代码非常复杂，对此呲之以鼻并以唱衰之。
列表布局是项目开发中最常用的一种布局方式，Flutter 中我们可以通过 ListView 来定义列表项，支持垂直和水平方向展示。
在Flutter中，一个可滚动的组件直接或间接包含一个Scrollable组件，它是可滚动组件的基础组件。
调用 List 集合的 map 方法 , 可以遍历操作集合中的每一项 , 返回一个新的数组 ;
当组件内容超过当前显示视口(ViewPort)时，如果没有特殊处理，Flutter 就会提示 Overflow 错误，为此，Flutter 提供了多种可滚动组件，用于显示列表和长布局；
* 以 Text 的部分源码为例，说明 StatelessWidget 的构建过程。
不可否认 Flutter 是一个非常强大的移动应用开发框架，我们在技术架构选型时就是选用的 Flutter，特别是跨端能力属实很优秀，but 也逐渐发现在复杂的应用程序实现中，App 的性能会受到一些影响。
移动端数据量比较大时，一般都是通过列表来进行展示的，比如商品数据、聊天列表、通信录、朋友圈等。
下面是一些使用ListView对象呈现列表列表的代码，内部列表的shrinkWrap值设置为 true。shrinkWrap强行评估整个内部列表，允许它请求有限的高度，而不是通常的ListView对象高度，即无穷大！
在Flutter中和Widgets一起协同工作的还有另外两个伙伴：Elements和RenderObjects；由于它们都是有着树形结构，所以经常会称它们为三棵树。
在上一篇博客 【Flutter】Banner 轮播组件 ( flutter_swiper 插件 | Swiper 组件 ) 基础上进行开发 ;
在Flutter中，一切皆是Widget。Widgets是Flutter用户界面的基本构建块，用于描述应用程序在给定其当前配置和状态的情况下应该如何显示。通过组合不同的Widget，我们可以构建出复杂、美观的用户界面。
作为忠实与较资深的Android汪，最近抽出了一些时间研究了一下Google的亲儿子Flutter，尚属皮毛，只能算是个简单的记录吧。
作为系列文章的第七篇，本篇主要在前文的基础上，再深入了解 Widget 和布局中的一些常识性问题。
现如今打开一个 App，比如头条、微博，都会有长列表，随着我们不断地滑动，视窗内的内容也会不断地更新。今天就用 Flutter 实现一下这种效果。
在前面的的文章中我们了解了Flutter中操作提示的用法，包括SnackBar、Dialog、以及BottomSheet，通过这些Widget我们可以很方便的实现对应用操作的提示。
然后本指南回过头来解释Flutter的布局方法，并说明如何在屏幕上放置一个小部件。 在讨论如何水平和垂直放置小部件之后，会介绍一些最常见的布局小部件。
ListView是滚动列表，类似于iOS中ScrollView，可横向、纵向滚动，内容不限。
当组件内容超过当前显示视口(ViewPort)时，如果没有特殊处理，Flutter则会提示Overflow错误。
在研究 ScrollView 源码时，有个很有意思的收获。这里作为引子，来引入 NotificationListener 组件。下面是 ScrollView#build 源码中的一部分，可以看出，当 keyboardDismissBehavior 为 onDrag 时，所构建的组件上层会嵌套一个 NotificationListener 组件，并在 onNotification 中进行逻辑性处理。
本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成，用比较通俗易懂的方式，从常见的 ListView 到 NestedScrollView 的内部实现，帮助你更好理解和运用 Flutter 里的滑动列表。
文章目录 一、ExpansionTile 构造方法 二、完整代码示例 三、相关资源 一、ExpansionTile 构造方法 ---- 下面是 ExpansionTile 的构造方法 ; 其中 required this.title 是必须要设置的参数 ; class ExpansionTile extends StatefulWidget { /// Creates a single-line [ListTile] with a trailing button that expands or coll
一般情况下，我们使用Listview的方式是构建要展示的item，然后将这些item传入ListView的构造函数即可，通常情况下这样做是够用了，但是不排除我们会有一些其他的特殊需求。
在前面的文章中我们看了进度组件ProgressIndicator的用法，怎么样大家Get了吗？ 那么我们今天就来看下ProgressIndicator的应用，一起来看下Flutter中的下拉刷新与加载更多是如何实现的。
这次要展示的是什么是 Flutter 的 Widget，即小部件；以及如何在 Flutter 中使用 StatelessWidget，即无状态小部件。
本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成，用比较通俗易懂的方式，从常见的 ListView到 NestedScrollView 的内部实现，帮助你更好理解和运用 Flutter 里的滑动列表。
解决办法：不能直接在new MaterialApp中调用Navigator.of(context).push()
Flutter 的更新很频繁，而我们本地的环境可能会是一个较低的稳定版本，而我们使用的插件可能版本较高，在集成时可能会遇到如下冲突；
Note: 如何代码实现有问题，可以依据Github上的lib/main.dart 来检查你的代码。
Dart有一个单线程执行模型，支持Isolate（一种在另一个线程上运行Dart代码的方法），一个事件循环和异步编程。除非你自己创建一个 Isolate ，否则你的 Dart 代码永远运行在主UI 线程，并由 event loop 驱动。Flutter 的 event loop 和 iOS 中的 main loop 相似：Looper 是附加在主线程上的。
material设计风格的卡片。卡片的边角和阴影有些调整。卡片是用于表示某些关联数据，例如集合，地理区域，膳食，联系方式等。卡片包含有关单个对象的内容和动作。
在使用Flutter动画的时候,我们通常使用这几个组件. AnimationController,控制动画的抽象类 Animation,给定值,转换为动画 Tween, 执行范围 AnimatedBuilder, 处理动画的Widget Transform控件可以将动画执行中的变量值处理反馈在子控件上. https://github.com/dlgchg/animations_flutter
在Android中，使用LinearLayout来使你的控件呈水平或垂直排列。在Flutter中，你可以使用Row或Column widget来实现相同的结果：
Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的 , 为其赋值一个 Drawer 组件 ;
对于写过Flutter的开发者来说，我敢肯定，大部分的开发者都不能准确预测这次Hot Reload之后，布局是否是自己想要的结果。Flutter的布局与Native的布局方式非常不同，所以，了解Flutter这茫茫多的布局组件，是我们准确布局的基础。
Flutter是一种跨平台的移动应用开发框架，它允许开发者使用单一代码库构建高性能、美观且响应迅速的应用程序。本篇文章将引导你从零基础逐步深入学习Flutter开发，成为一名Flutter专业开发者。
在Flutter中，自定义组件其实就是一个类，这个类继承自StatelessWidget/StatefulWidget。
2018.05.07 更新 上拉加载可以不用Notification,直接用ScrollController,代码如下:
常用组件 控件 特点 container(容器) 可以给组件添加padding、margin、border、bgColor、bdImage参考 GridView 容纳大量数据的可滚动的网格；按需渲染、类似于tableview的cell的复用;参考 ListView 容纳大量数据的可滚动的列表； Stack 重叠组件，无法滚动 ---- Material组件 控件 特点 Card 将相关组件放到card里，该组件带有圆角和阴影，无法滚动 ListTitle（ListView常用） 带有标题和副标题的行，首尾
Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。 它也是构建未来的Google Fuchsia 应用的主要方式。
如何在 Flutter 上实现一个聊天列表，相信大家都不会觉得有什么困难，不就是一个 ListView ，然后根据类型显示渲染数据吗？这有什么困难的？
在前面的文章中我们看了下Flutter中的补间动画和Flutter Widgets，今天我们来看下页面过渡动画，也可以叫做共享元素动画，页面A的元素过渡到页面B元素的过场效果。
首先来看一下我怎么来学习Flutter，我要了解每一个组件，同时，这又是一个App，所以，我的目标是直接生产一个App，里面就是对Flutter组件的介绍，同时写上一些demo以及源代码，这一个点子源于React Native With Code这一款App，在我学习React Native的时候给予了我很大的帮助。如果要构建这样的一款App，我需要先构建一个App首页，包含了一个可以滚动的列表，如果可以，还可以添加一些其他的组件。以及基础的布局组件。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
