时间戳

首页 > 解决方案 > Flutter：嵌套 ListView 有效。嵌套的 SliverList 没有，但 ListView 包含 Sliver

flutter - Flutter：嵌套 ListView 有效。嵌套的 SliverList 没有，但 ListView 包含 Sliver

问题描述

我遇到了一个特定的问题。我能够组成一个ListView包含水平ListViews 的垂直外部。把它想象成 Facebook 上的多个 Friend Suggestion Row 堆叠在一起。这工作正常。

因为我想利用 a 附带的特权SliverAppBar，所以我需要将 aCustomScrollView作为父Widget级，然后在其slivers集合中只添加 slivers。

当我尝试在 中添加 aSliverList时SliverChildBuilderDelegate，我得到了各种各样的错误，主要是与渲染相关的类型错误。似乎对一个SliverChildBuilderDelegate可以建造的孩子有一个限制。

NEEDS-COMPOSITING-BITS-UPDATE:
  needs compositing
  creator: Viewport ← IgnorePointer-[GlobalKey#a5a09] ← Semantics ← Listener ← _GestureSemantics ←
    RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#db221] ← Listener ← _ScrollableScope
    ← _ScrollSemantics-[GlobalKey#57142] ← Scrollable ← CustomScrollView ← Padding ← ⋯
  parentData: <none> (can use size)
  constraints: BoxConstraints(w=412.0, 0.0<=h<=Infinity)
  size: MISSING
  axisDirection: right
  crossAxisDirection: down
  offset: ScrollPositionWithSingleContext#415a2(offset: 0.0, range: null..null, viewport: null,
    ScrollableState, BouncingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#74aea,
    ScrollDirection.idle)
  anchor: 0.0
This RenderObject had the following child:
    center child: RenderSliverList#5219f NEEDS-LAYOUT NEEDS-PAINT
════════════════════════════════════════════════════════════════════════════════════════════════════

Another exception was thrown: RenderBox was not laid out: RenderViewport#e26b4 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE

Another exception was thrown: RenderBox was not laid out: RenderViewport#e26b4 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE

Another exception was thrown: RenderBox was not laid out: RenderIgnorePointer#e30f7 relayoutBoundary=up10 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE

Another exception was thrown: RenderBox was not laid out: RenderSemanticsAnnotations#d70ab relayoutBoundary=up9 NEEDS-PAINT
NEEDS-COMPOSITING-BITS-UPDATE

如您所见，我尝试将 Widget 包装SliverList在非 sliver 类型的 Widget 中，但无济于事。

我尝试使用它来解决它，NestedScrollView但我不断收到相同类型的错误。

有没有人遇到过这种情况。我浏览了源代码，我可以看到它ListView基本上是一个BoxScrollView带有内部的ScrollView.

我是否需要创建一个专门的 Widget 来完成这个布局设计。如果是这样的话，我已经对 Flutter 摸不着头脑了。

标签： flutterlistviewflutter-slivercustomscrollview

解决方案

解决了。我所缺乏的只是height包含width在Container我的嵌套SliverList中。

推荐阅读