今天跟大家介紹一下CustomScrollView 可定義自動滾動的效果?CustomScrollView挂据,這個用處還是比較大的嘱兼,18年Google ?推出flutter iOS 安卓 19 flutter支持web朝捆,看到這趨勢情屹,身為開發(fā)者要順應潮流邻遏,但不要盲目,?CustomScrollView?提供了基本控件如列表舌狗,網(wǎng)格,擴大頭等扔水。接下來介紹一下這幾個控件SliverAppBar痛侍,SliverList和SliverGrid?SliverPadding ?SliverToBoxAdapter?SliverPersistentHeader,?SliverFillRemaining,SliverFillViewport
一魔市,sliverAppBar
1.這個空間跟導航條很像看圖
2基本用法
二?SliverList?
1這個是設置列表的主届,跟iOS tableview 很像
2.這個方法有一個代理,這個代理有兩種方式
SliverChildListDelegate 這種方式前提是知道cell個數(shù)待德,比較少君丁,好搭建
SliverChildBuilderDelegate 這種方式,可以根據(jù)數(shù)組去創(chuàng)建将宪,不知道cell個數(shù)
3.圖一是介紹SliverChildListDelegate ? ?圖二是介紹SliverChildBuilderDelegate
效果圖
三?SliverGrid 這種跟瀑布流差不多
1.有兩個代理绘闷,第一個是管理幾行呢,第二個是管理有多少個较坛,跟內(nèi)容的
2效果圖
四?SliverPadding?
1.這個控件就是設置padding的
2.子控件必須是sliver類型
五SliverToBoxAdapter
1.這個是設置普通的控件印蔗,例如區(qū)頭等 這個位置是不固定的隨意的,
六?SliverPersistentHeader
1.設置頭部的丑勤,任意位置华嘹,比如頭部搜索框 等,
2?floating 控制展開的确封,pinned控制隱藏和展示的
3.重寫delegate 代碼如下
4效果圖
七除呵,SliverFillRemaining
1.這個一般負責最厚填充用的
八,SliverFillViewport
1.如果一個滑動列表爪喘,每個item需要占滿一個屏幕或者更大颜曾,可以使用該部件生成列表,但是如果item的高度小于一個屏幕高度秉剑,那就不太推薦了泛豪,在首尾會用空白item來把未填滿的補上,就是首尾都會留空白侦鹏。我們使用SliverFillViewport對SliverFillRemaning進行替換
2 代碼
SliverFillViewport(
viewportFraction:1.0,
? ? delegate:SliverChildBuilderDelegate(
(_, index) =>Container(child:Text('Item $index'), alignment: Alignment.center, color:Colors.indigoAccent),
? ? ? ? childCount:10)),