希望 ListView 允许点击通过或在偏移处启动 ListView 但向上滚动以覆盖图像

Question

I'm trying to achieve an effect where:

1. There is an interactive carousel image at the top
2. There is a ListView at the middle to bottom.
3. When you scroll the list view, it scrolls up and covers the carousel images (the images stay in place)

I've tried using a Stack and the ListView covering the screen but with a spacer as the first child to expose the image behind it. But this stops touches from passing through.

Answer 1

It sounds like you'd need to use a CustomScrollView and Slivers.

There's good documentation for both including examples here: https://api.flutter.dev/flutter/material/SliverAppBar-class.html

https://docs.flutter.dev/development/ui/advanced/slivers