这次的 Flutter 小技巧是 ListView 和 PageView 的花式嵌套，不同 Scrollable 的嵌套冲突问题相信大家不会陌生，今天就通过 ListView 和 PageView 的三种嵌套模式带大家收获一些不一样的小技巧。
Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的 , 为其赋值一个 Drawer 组件 ;
在cocos2dx-lua开发中，经常用到容器。下面就介绍在开发中会用到的4种容器：ListView,scrollView,tableView,pageView
在Flutter中，一个可滚动的组件直接或间接包含一个Scrollable组件，它是可滚动组件的基础组件。
今天介绍的组件是NestedScrollView，大部分的App首页都会用到这个组件。
老孟导读：昨天Flutter 1.17版本重磅发布，新的版本主要是优化性能、修复bug，有人觉得此版本毫无亮点，但也从另一方面体现了Flutter目前针对移动端已经较为完善，想了解具体内容，文末有链接，如果你想升级到最新版本，建议慎重，有些人升级后项目无法运行。
Smobiler 4.4已经正式发布，还不快来看看？ 原文地址：https://www.smobiler.com/portal.php?mod=view&aid=53 这次更新要感谢我们的用户，在使用
Scaffold 导航栏的实现,有些路由页可能会有抽屉菜单(Drawer)以及底部Tab导航菜单等
UIScrollView的pagingEnabled属性用于控制是否按分页进行滚动。在一些应用中会应用到这一个特性，最典型的就是手机桌面的应用图标列表。这些界面中往往每一页功能都比较独立，系统也提供了UIPageViewController来实现这种分页滚动的功能。 实现分页滚动的UI实现一般是最外层一个UIScrollView。然后UIScrollView里面是一个总体的容器视图containerView。容器视图添加N个页视图，对于水平分页滚动来说容器视图的高度和滚动视图一样，而宽度则是滚动视图的宽度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致，对于垂直分页滚动来说容器视图的宽度和滚动视图一样，而高度则是滚动视图的高度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致。每个页视图中在添加各自的条目视图。整体效果图如下：
Flutter对于客户端工程师来说，相信大家已经不陌生了，我最近在学习中汇总了一些总结经验，其中大部分内容为我个人见解，希望能给予你们帮助。在此，我想通过抛砖引玉，来吸引更多的人贡献学习心得。
PageView控件可以实现一个“图片轮播”的效果，PageView不仅可以水平滑动也可以垂直滑动，简单用法如下：
Flutter 中的 Scaffold 组件实现了基础的材料设计 ( Material Design ) 可视化布局结构 ;
在pub上面找了下，没有发现一个效果跟微信一样的支持缩放拖拽效果的image，所以就自己撸了一个，之前写过Flutter 什么功能都有的Image，于是就在这个上面新增了这个功能。
在 Flutter 视图布局（一）中文章结束时留下了一个问题，大家有尝试去实现吗？
前面我们学习了文本、图片和按钮这些基本元素，这些基本元素需要进行排列组合，才能构成我们看到的UI视图。那么，当这些基本元素的排列布局超过屏幕显示尺寸（即超过一屏）时，我们就需要引入列表控件来展示视图的完整内容，并根据元素的多少进行自适应滚动展示。
老孟导读：快乐的51假期结束了，切换为努力模式，今天给大家分享CustomScrollView组件，此组件在以后的项目中会经常用到，CustomScrollView就像一个粘合剂，将多个组件粘合在一起，具统一的滚动效果。
当组件内容超过当前显示视口(ViewPort)时，如果没有特殊处理，Flutter 就会提示 Overflow 错误，为此，Flutter 提供了多种可滚动组件，用于显示列表和长布局；
SingleChildScrollView 类似 Android 中的 scrollview ，且同样的只可包含有一个子元素
本节代码利用Flutter的ListView组件实现垂直/水平方向滚动的列表，效果图如下：
PageView可用于Widget的整屏滑动切换，如当代常用的短视频APP中的上下滑动切换的功能，也可用于横向页面的切换，如APP第一次安装时的引导页面，也可用于开发轮播图功能
在 Flutter 中，NavigationRail 是一个垂直的导航栏组件，用于在应用程序中提供导航功能。它通常用于更大屏幕空间的设备，如平板电脑和桌面应用程序。NavigationRail 提供了一种直观的方式来浏览应用程序的不同部分，并允许用户轻松地切换页面或执行导航操作。
可以看到在设置了Track之后在右侧滚动条下面出现一个贯穿整个ListView可见区域的红色线条。所以Track表示的是滚动条滑动时的”轨道”。
小伙伴们，在上文中我们介绍了Android视图组件CheckBox，本文我们继续盘点，介绍一下视图控件的ListView。
在4.4版本中，大家对产品优化的一些建议和意见进行了相应的优化和修复，同时，还新增了一些令人激动的功能和插件。
移动端数据量比较大时，一般都是通过列表来进行展示的，比如商品数据、聊天列表、通信录、朋友圈等。
PageView 滑动页面预览应用在很多场景中，和尚之前只用过最基本的用法，今天和尚尝试系统性的学习一下 PageView 的基本应用；
这两个组件可以用来进行做flex布局，row可以用来做水平方向的布局，column可以用来进行垂直方向上的布局，这两个类都是基于web的flex布局模式实现的。
当组件内容超过当前显示视口(ViewPort)时，如果没有特殊处理，Flutter则会提示Overflow错误。
Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法
以下代码基本参考于 flutter_gallery中的animation_demo示例。（可以结合本文看源码）
https://github.com/zhujian1989/ZhihuDailyPurifyByFlutter
ListView继承于ListBox，ListBox继承于ItemsControl，所以后面的组件拥有前面组件的一切特性。
FractionallySizedBox 组件 : 可控制组件在水平/垂直方向上填充满父容器 ;
小伙伴们，在前面的文章中，我们谈到了Android开发中的自定义view的基本概念及方法等，本文我们实际举例自定义一个ListView。
Flutter中的SingleChildScrollView类似于Android中的ScrollView，它只能接收一个子组件。
本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成，用比较通俗易懂的方式，从常见的 ListView 到 NestedScrollView 的内部实现，帮助你更好理解和运用 Flutter 里的滑动列表。
很显然，我们可以用 View.getVisibility() 来检查一个它是否处于View.VISIBLE状态。这是最基本的检查，如果连这个方法得到的返回值都是View.INVISIBLE或者View.GONE 的话，那么它对用户肯定是不可见的。
一个部件，将其子部件的体积缩小到可用空间的一部分。有关布局算法的更多详细信息，请参阅RenderFractionallySizedOverflowBox。
本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成，用比较通俗易懂的方式，从常见的 ListView到 NestedScrollView 的内部实现，帮助你更好理解和运用 Flutter 里的滑动列表。
LinearLayout: **特点： a):默认是水平的方向的排列,可以进行选择在<LinearLayout orientation="vertical"/> 设置为垂直的布局的方向！ b)：其中垂直的方向布局,能够实现水平方向的排列的控制： 左对齐、右对齐、水平居中生效。 c): 其中的水平方向的布局：能够实现对垂直方向的控制： 置顶、底部、竖直居中生效。 * 设置右对齐 android:layout_gravity="
作为系列文章的第七篇，本篇主要在前文的基础上，再深入了解 Widget 和布局中的一些常识性问题。
作为系列文章的第二篇，继《Flutter完整开发实战详解(一、Dart语言和Flutter基础)》之后，本篇将为你着重展示：如何搭建一个通用的Flutter App 常用功能脚手架，快速开发一个完整的 Flutter 应用。
ListView的意思是列表视图，是应用最广泛的一种视图，例如联系人，功能列表，菜单等等都会用到ListView。
Row本身是不支持滚动的(Column同理),但是想要滚动的话,可以使用Modifier.horizontalScroll()来实现,代码如下
版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/52107851
PageView 是一个滑动视图列表，它也是继承至 CustomScrollView 的。
「EPageView」 组件是 「Flutter Element」 组件系列中的 “横幅” 组件。
2017-12-19 12:19
日常开发中，会遇到很多这种情况，许多界面不是一页就能够显示完的。那么这里提下可滑动的容器部件
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
