flutter控件之CustomScrollView

CustomScrollView是Flutter系统提供的一个用于将多个组件进行组合从而实现统一的滑动效果的控件，并且在使用时，要求CustomScrollView中的组件必须是Sliver家族中的成员，Sliver家族部分成员列举如下：

1、SliverPersistentHeader（重要）

2、SliverAppbar

3、SliverList

4、SliverGrid

5、SliverToBoxAdapter：通过该控件，包裹普通控件

6、SliverFillRemaining：填充剩余区域

。。。

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: _appBar(),

    extendBodyBehindAppBar:false,

    body:CustomScrollView(

scrollDirection: Axis.vertical,

        slivers:[

SliverToBoxAdapter(

child:

CachedNetworkImage(

imageUrl:'https://juyyds.oss-cn-hangzhou.aliyuncs.com/juyou/20230310/0469fa5562da4364b9ba2893b1cf33c9/津雷海报压缩.jpg',

              width:200,

              height:100,

            //  //占位符，加载中的状态

            //  // placeholder: ((context, url) => const CircularProgressIndicator()),

//  // errorWidget: (context, url, error) {

//  //  return const Icon(Icons.error);

//  // }

//

            )

SliverList(

delegate:SliverChildBuilderDelegate((content, index) {

return Container(

height:65,

        padding:EdgeInsets.only(left:10,right:10),

        color: Colors.primaries[index % Colors.primaries.length],

        child:Row(

children:[

Text('这是第$index条item'),

            Expanded(child:SizedBox.shrink()),

            Image.asset('images/backIcon.png'),

          ]

),

      );

    }, childCount:10),

),

)

]

),

  );