东莞响应式网站哪家好,html5手机网站开发视频,上海网站建设上海,青浦徐泾网站建设文章目录 概念介绍使用方法示例代码 我们在上一章回中介绍了沉浸式状态栏相关的内容#xff0c;本章回中将介绍SliverList组件.闲话休提#xff0c;让我们一起Talk Flutter吧。
概念介绍
我们在这里介绍的SliverList组件是一种列表类组件#xff0c;类似我们之前介绍过的L… 文章目录 概念介绍使用方法示例代码 我们在上一章回中介绍了沉浸式状态栏相关的内容本章回中将介绍SliverList组件.闲话休提让我们一起Talk Flutter吧。
概念介绍
我们在这里介绍的SliverList组件是一种列表类组件类似我们之前介绍过的ListView组件它们的不同之处在于SliverList可以被当作一个整体来滑动。我们将在本章回中详细介绍SliverList的使用方法。
使用方法
和其它组件一样,SliverList组件提供了相关的属性来控制自己不过它的属性只有两个一个是常用的key属性另外一个是delegate属性。
我们重点介绍delegate属性。该属性是SliverChildDelegate类型不过这个类是一个抽象类无法创建对象它有两个实现类,详细如下
SliverChildBuilderDelegatet 该类两个常用属性builder和childCount。builder属性用来创建列表中的具体内容它是一个方法类型通过方法方法返回一个组件方法的原型为 Widget? Function(BuildContext context, int index); 其中childCount属性用来控制列表中列表项的具体数量,这个值可空不过一定要给它赋值否则无法生成列表也无法显示页面但是不会有编译和运行错误按照源代码中的注释来看是有内存泄漏。我觉得这个值设置为可空不合理大家也可以发表自己的看法。SliverChildListDelegate. 该类有一个常用属性children它的类型为List,它和Column组件的childrnen属性完全相同因此大家可以参考Column组件的用法来使用它。
示例代码
介绍完SliverList的使用方法后我们通过具体的示例代码来演示。
///创建delegate对象使用builder方法。SliverList(delegate: SliverChildBuilderDelegate((context,index){return Container(height: 60,alignment: Alignment.center,child: Text(This is ${index1} item),);},///list中包含内容的数量childCount:5,),),///与上面的SliverList类似只是不有创建delegate对象而是直接使用现成的list对象SliverList(delegate: SliverChildListDelegate(List.generate(5, (index) const Icon(Icons.add),),) ,),上面的示例代码中演示了两种给delegate属性赋值的方法第一种创建的是Text组件第二种使用了已经有List只不过List中的内容是Icon组件。
依据目前的知识我们还不能演示程序的运行结果因为还需要其它组件配合才可以运行大家不用担心目前只需要熟练掌握如何创建SliverList组件就可以了我们在后面章回中会使用本章回创建的组件给大家演示程序运行效果。
看官们与SliverList组件相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
