颤振拉动在屏幕下部刷新

Question

我有一个看起来像上图的应用程序。
当我向右或向左滑动时，页面会随着浏览量内容切换。 但不是图像部分，它保持静止。

当我在这种情况下实施拉动刷新时，间隙会在图像部分上方打开，显示进度指示器并刷新。

我想在图像和内容部分之间打开复习裂缝，我该如何实现？

非常感谢您提前回复，您是英雄。

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Stack(
      children: [
        const Expanded(
          child: SizedBox(height: 200), //The 'Image Part'
        ),
        SmartRefresher(
          child: PageView.builder(itemBuilder: (context, state) => Column(
children:[SizedBox(height:200),PageContent()], itemCount: 3),//The 'Content Part'
        )
      ],
    ));
  }
}

上面添加的示例代码，这代表了我想要实现的内容，我希望只能在 PageContent() 内部访问刷新器，但我不能，因为它包含里面的 Column

Answer 1

似乎你的堆栈有问题。 如果您希望图像部分也跟随滑动，它必须在pageview.builder内。 对于刷新，在pageview.builder下将内容部分包装在 pull-to-refresh 小部件中，而不是图像。

Answer 2

这可能是由 Stack 小部件引起的

• 将您的Stack更改为Column
• 将SmartRefresher与 ListviewBuilder 的Expanded小部件包装起来，以占用vertical axis的剩余空间。 否则你将有一个unbounded high error
• 将 ListviewBuilder 的shrinkwrap设置为true ，以便on demand构建列表元素

而已！ ☑️