SliverList如何在CustomScrollView中的SliverAppBar上覆盖

时间:2020-01-12 15:58:52

标签: flutter customscrollview

想要图像上的浮点数的化身部分 ,头像具有以下列表或内容,并且下拉时不会拉伸

CustomScrollView
  slivers
    SliverAppBar
      flexibleSpace
        background: Image
    SliverList
      CircleAvatar
CustomScrollView(
  physics: const AlwaysScrollableScrollPhysics(),
  slivers: <Widget>[
    SliverAppBar(
      floating: true,
      pinned: true,
      expandedHeight: 120.0,
      stretch: true,
      stretchTriggerOffset: 150.0,
      flexibleSpace: FlexibleSpaceBar(
        background: Image.network(indexData.banner, fit: BoxFit.cover,),
      ),
    ),
    SliverList(
      delegate: new SliverChildBuilderDelegate((BuildContext context, int index) {
        return Column(
          children: <Widget>[
            Row(
              children: <Widget>[
                Container(
                  width: 95,
                  height: 95,
                  margin: EdgeInsets.only(left: 16),
                  child: CircleAvatar(
                    backgroundImage: NetworkImage(indexData.avatar),
                    radius: 42.5,
                  ),
                  decoration: new BoxDecoration(
                      border: new Border.all(width: 5.0, color: blackLight),
                      borderRadius: new BorderRadius.all(new Radius.circular(42.5)),
                      color: blackLight
                  ),
                )
              ],
            )
          ] ,
        );
      }, childCount: 1 ),
    ),
  ],
)

使用 Stack RenderViewport期望有一个RenderSliv​​er类型的子项,但收到了一个RenderStack类型的子项。

为什么在 slivers 中只能使用 SliverList,SliverFixedExtentList,SliverGrid,SliverPadding,SliverAppBar ...

1 个答案:

答案 0 :(得分:-1)

enter image description here

flexibleSpace:堆栈( 儿童:[ 定位( 孩子:图片( 适合:BoxFit.cover, 图片:NetworkImage( widget.details, ), ), 上:0, 左:0, 右:0, 底部:0), 定位( 子代:集装箱( 高度:20, 装饰:BoxDecoration( boxShadow:[ BoxShadow( 颜色:const Color(0x29000000), 偏移量:偏移量(0,-8), blurRadius:15 ), ], 颜色:Colors.white, borderRadius:BorderRadius.vertical( 顶部:Radius.circular(50), ), ), ), 底部:-1, 左:0, 右:0, ), ], ), ExpandedHeight:450.0, ), SliverList( 委托人:new SliverChildBuilderDelegate( (BuildContext上下文,int索引){ 返回overView(); },childCount:1), ), ]