Как перекрыть SliverList на SliverAppBar

Question

Я пытаюсь перекрыть SliverList несколько пикселей над SliverAppBar.Похоже на этот пост .Я бы хотел, чтобы изображение в FlexibleSpaceBar шло под радиусом моего SliverList.Я пытаюсь достичь следующего.

Я могу получить радиус только так.Без способности перекрывать SliverList на SliverAppBar.

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            floating: false,
            expandedHeight: MediaQuery.of(context).size.height * 0.50,
            flexibleSpace: FlexibleSpaceBar(
              background: Image.network(pet.photos.first)
            ),
          ),
          SliverList(
            delegate: SliverChildListDelegate([
              Container(
                height: 40,
                decoration: BoxDecoration(
                  color: Colors.red,
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(30),
                    topRight: Radius.circular(30),
                  ),
                ),
              ),
            ]),
          )
        ],
      ),
    );
  }

Любое направление будет оценено, спасибо!

Answer 1

Как ты заставил это работать.Я скачал пакет, но у меня все еще проблемы с перекрытием.

Я использую Sliver StreamBuilder.Мне нужно, чтобы контейнер перекрывался, как на картинке выше.