在Flutter中，一个可滚动的组件直接或间接包含一个Scrollable组件，它是可滚动组件的基础组件。
在移动端应用中，为用户提供一个直观的方式来更新内容是很重要的。在丰富的挂件中，Flutter 提供了一个很好的方式实现下拉来刷新应用。这个手势，对很多用户来说很熟悉，就是下拉页面来触发更新的动作，获取新的数据并更新屏幕展示。
在Flutter中，自定义组件其实就是一个类，这个类继承自StatelessWidget/StatefulWidget。
在 Flutter 视图布局（一）中文章结束时留下了一个问题，大家有尝试去实现吗？
显示数据列表是移动应用程序的基本模式。 Flutter包含ListView部件，使列表变得轻而易举！
移动端数据量比较大时，一般都是通过列表来进行展示的，比如商品数据、聊天列表、通信录、朋友圈等。
当组件内容超过当前显示视口(ViewPort)时，如果没有特殊处理，Flutter则会提示Overflow错误。
SingleChildScrollView 类似 Android 中的 scrollview ，且同样的只可包含有一个子元素
下面是一些使用ListView对象呈现列表列表的代码，内部列表的shrinkWrap值设置为 true。shrinkWrap强行评估整个内部列表，允许它请求有限的高度，而不是通常的ListView对象高度，即无穷大！
现如今打开一个 App，比如头条、微博，都会有长列表，随着我们不断地滑动，视窗内的内容也会不断地更新。今天就用 Flutter 实现一下这种效果。
PageView控件可以实现一个“图片轮播”的效果，PageView不仅可以水平滑动也可以垂直滑动，简单用法如下：
日常开发中，会遇到很多这种情况，许多界面不是一页就能够显示完的。那么这里提下可滑动的容器部件
PageView 是一个滑动视图列表，它也是继承至 CustomScrollView 的。
其基本的实现方法是在该组件添加onRefresh事件，当用户下拉刷新时会触发该事件，在该事件中可以用调用一个延时任务Future.delayed( )，在延时任务的回调中重新请求数据即可。
当数据量很大的时候用矩阵方式排列比较清晰，此时我们可以用网格列表组件 GridView 实现布局。
当组件内容超过当前显示视口(ViewPort)时，如果没有特殊处理，Flutter 就会提示 Overflow 错误，为此，Flutter 提供了多种可滚动组件，用于显示列表和长布局；
ListView是滚动列表，类似于iOS中ScrollView，可横向、纵向滚动，内容不限。
参考：https://pub.flutter-io.cn/packages/flutter_html
在前面的的文章中我们了解了Flutter中操作提示的用法，包括SnackBar、Dialog、以及BottomSheet，通过这些Widget我们可以很方便的实现对应用操作的提示。
在Android中，使用LinearLayout来使你的控件呈水平或垂直排列。在Flutter中，你可以使用Row或Column widget来实现相同的结果：
记得上一篇的写作时间还在2018年2月份，已经很久没更新了，而flutter的版本更新了好几次，自flutter 1.0正式版推出之后，一直有打算把之前的项目重写一下，因为flutter本身更新了许多新特性，老的已经是过去式了，也老有人来问我，之前的项目运行不了，是的，因为sdk太老了，而且之前的项目纯粹是练手玩。
第一种方案，我们使用ValueNotifier和ValueListenableBuilder来实现了。
这是创建您的第一个Flutter应用程序的指南。 如果您熟悉面向对象的代码和基本编程概念（如变量，循环和条件），则可以完成本教程。 您不需要以前使用Dart或移动编程的经验。
SliverGridDelegateWithFixedCrossAxisCount有属性介绍如下：
使用Flutter开发一款App是一件非常愉快的事情，其出色的性能、跨多端以及数量众多的原生组件都是我们选择Flutter的理由！今天我们就来使用Flutter开发一款电影类的App，先看下App的截图。
以下代码基本参考于 flutter_gallery中的animation_demo示例。（可以结合本文看源码）
ListView是最常用的可滚动组件之一，它可以沿一个方向线性排布所有子组件，并且它也支持基于Sliver的延迟构建模型。Flutter中的ListView与Android中的ListView具有同等功能。
上篇文章Android开发者的Flutter入门（一）讲解了用Flutter开发一个简单的新闻app的大体流程以及主要功能的实现。其中略过了一些功能的实现细节。这篇文章会对这些细节做一些阐述。涉及到的有以下这些点：
GridView是一个可滚动的，2D数组控件可以用这个组件实现滚动效果，但是它渲染的高度是一样的。
在Flutter的官方SDK中给我们提供了下拉刷新的组件RefreshIndicator，但是没有提供上拉分页加载更多的组件。不过不用担心，在Flutter的ListView组件中，有一个ScrollController属性，它就是专门用来控制ListView滑动事件，在这里我们可以根据ListView的位置来判断是否滑动到了底部来做加载更多的处理。
欢迎搜索公众号：进击的Flutter或者runflutter 里面整理收集了最详细的Flutter进阶与优化指南。关注我，获取我的最新文章~
今天介绍的组件是NestedScrollView，大部分的App首页都会用到这个组件。
我们很高兴推出最新版本的Flutter，它广泛支持iOS 14和Android11。Flutter 1.22在以前版本的基础上构建，使开发人员能够从一个代码库为多个平台构建快速，美观的用户体验。我们的季度稳定版本包含最新功能，性能改进和错误修复，适合广泛的生产使用。
前面我们学习了文本、图片和按钮这些基本元素，这些基本元素需要进行排列组合，才能构成我们看到的UI视图。那么，当这些基本元素的排列布局超过屏幕显示尺寸（即超过一屏）时，我们就需要引入列表控件来展示视图的完整内容，并根据元素的多少进行自适应滚动展示。
学习自： Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出.
没有接触过音乐字幕方面知识的话，会对字幕的实现比较迷茫，什么时候转到下一句？看了这篇文章，你就会明白字幕so easy。
在Flutter中，一切皆是Widget。Widgets是Flutter用户界面的基本构建块，用于描述应用程序在给定其当前配置和状态的情况下应该如何显示。通过组合不同的Widget，我们可以构建出复杂、美观的用户界面。
首先来看一下我怎么来学习Flutter，我要了解每一个组件，同时，这又是一个App，所以，我的目标是直接生产一个App，里面就是对Flutter组件的介绍，同时写上一些demo以及源代码，这一个点子源于React Native With Code这一款App，在我学习React Native的时候给予了我很大的帮助。如果要构建这样的一款App，我需要先构建一个App首页，包含了一个可以滚动的列表，如果可以，还可以添加一些其他的组件。以及基础的布局组件。
在 Flutter 中滚动监听一般可以采用两种方式来实现，分别是ScrollController和NotificationListener这两种方式。
在调用 setState() 方法重建组件时，一定要最小化重建组件，没有变化的组件不要重建，看下面的Demo，这是一个设置页面，
左起图一是我业务中的样式，左起图二、三是下方源码展示样式（复制可直接运行，无额外组件引入）
builder通常返回Dialog组件，比如SimpleDialog和AlertDialog。
左起图一是我业务中的样式，左起图二是下方源码展示样式（复制可直接运行，无额外组件引入）
https://pub.dev/packages/socket_io_client
上一篇文章Flutter 中的下拉刷新和上拉加载中，我介绍了如何在Flutter中实现下拉刷新和上拉加载的效果，今天我们继续以上文中的代码为例，来介绍如何加载HTML文档内容。
今天我们来介绍一款Flutter的第三方组件库——flutter_swiper。
对于一个前端框架来说，除了各个组件之外，最重要的就是将这些组件进行连接的布局了。布局的英文名叫做layout，就是用来描述如何将组件进行摆放的一个约束。
这次的 Flutter 小技巧是 ListView 和 PageView 的花式嵌套，不同 Scrollable 的嵌套冲突问题相信大家不会陌生，今天就通过 ListView 和 PageView 的三种嵌套模式带大家收获一些不一样的小技巧。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
