（RenderViewport不支持返回内在尺寸

Question

我正面临着这个 例外 ：

FlutterError（RenderViewport 不支持返回内在 方面。计算内在尺寸需要 实例化视口的每个子项，这违背了 视口很懒。如果您只是想收缩包装 视口在主轴方向，考虑 RenderShrinkWrappingViewport 渲染对象（ShrinkWrappingViewport widget），它在不实现内在的情况下实现了这种效果 维度 API。）

当我添加 ProductsWidget 时，会发生异常。

Products Widget的代码是：

class ProductsWidget extends GetResponsiveView<HomeTabController> {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      shrinkWrap: true,
      itemCount: 3,
      // padding: EdgeInsets.symmetric(vertical: 20),
      physics: NeverScrollableScrollPhysics(),
      itemBuilder: (context, index) => Column(
        children: [
          Row()])}}

调用代码是：

body: LayoutBuilder(
          builder: (BuildContext context, BoxConstraints constraints) {
        return SingleChildScrollView(
          child: ConstrainedBox(
            constraints: BoxConstraints(
              minHeight: constraints.maxHeight,
            ),
            child: IntrinsicHeight(
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Expanded(
                      //  flex: 1,
                      child: HomeAppBar()),
                  // listView
                  // i made shrinkWrap=true
                  // neverScroll
                  Flexible(fit: FlexFit.tight, child: ProductsWidget()),
                ],
              ),
            ),
          ),
        );
      }),

Answer 1

尝试将 ProductsWidget 包装在 SizedBox 中，并为其指定宽度（宽度：double.maxFinite）和可能的高度。

我遇到了类似的问题，我发现以下帖子很有帮助： flutter listview with收音机未显示在警报对话框中

Answer 2

这是因为 ListView 延迟构建每个子项。您可以使用包含在 SingleChildScrollView 中的 Column 而不是 ListView。

Answer 3

将 SingleChildScrollView 替换为 CustomScrollView，如下所示：

return Scaffold(
  appBar: AppBar(
    title: Text('Expanded Scrollable'),
  ),
  body: CustomScrollView(
    physics: AlwaysScrollableScrollPhysics(),
    slivers: [
      SliverFillRemaining(
        fillOverscroll: true,
        child: Column(
          children: <Widget>[
            Text('Hello ... '),
            Divider(
              height: 2,
            ),
            Expanded(
              child: Container(color: Colors.red,), // replace this Container with your listview
            )
          ],
        ),
      )
    ],
  ),
);

Answer 4

我通过用 SizedBox 包装并给出潜在的高度和宽度解决了我的问题。然后我用Column包裹了SizedBox。

Answer 5

出现此问题的原因是在 Renderviewport 中使用 Listview。要解决这个问题，您可以将 Listview 包装在 SizedBox 中，并为其指定 double.maxFinite 的高度和宽度（或任何需要的值）

我的代码：

SliverFillRemaining(
  hasScrollBody: false,
  child: SafeArea(
    child: Padding(
     padding: const EdgeInsets.all(15.0),
     child: SizedBox(
       height: double.maxFinite,
       width: double.maxFinite,
       child: ListView.separated(
        ....
      )

Answer 6

将 ListView 转换为 List.generate 即可解决问题。