android - 在 Flutter 中获取 'Horizontal viewport was given unbounded height' 错误

Question

我正在尝试将带有水平 GridView 子级的 ExpansionTile 放置在容器中。请参阅下面的代码。我收到错误消息“水平视口(viewport)的高度没有限制。”

我不想明确指定 ExpansionTile 或 GridView 的高度，而是根据 Expanded 小部件和 GridView 的子项计算它。

我尝试按照建议在 GridView 中设置“shrinkWrap: true”here没有成功。我还尝试根据 this answer 在 Flexible 中包装 GridView这给了我错误“RenderFlex children have non-zero flex but incoming height constraints are unbounded.”

我认为问题在于我如何使用 GridView，但我是 Flutter 的新手，不太确定。这是我的代码:

import 'package:flutter/material.dart';

void main() => runApp(
  MaterialApp(
    home: Scaffold(
      appBar: AppBar(title: Text("Title")),
      body: Column(
        children: <Widget>[
          Expanded(
            flex: 3,
            child: ExpansionTile(
              title: Text("Expandable"),
              children: <Widget>[
                GridView.count(
                  scrollDirection: Axis.horizontal,
                  crossAxisCount: 2,
                  children: <Widget>[
                    RawChip(label: Text("Hello")),
                    RawChip(label: Text("World")),
                  ],
                ),
              ],
            ),
          ),
          Expanded(
            flex: 7,
            child: Container(
              color: Colors.blue
            ),
          ),
        ],
      ),
    ),
  ),
);

Answer 1

您可以向 GridView 添加高度限制:

         ExpansionTile(
                        title: Text("Expandable"),
                        children: <Widget>[
                          SizedBox(
                            height: 200.0,
                            child: GridView.count(
                              scrollDirection: Axis.horizontal,
                              crossAxisCount: 2,
                              children: <Widget>[
                                RawChip(label: Text("Hello")),
                                RawChip(label: Text("World")),
                              ],
                            ),
                          ),
                        ],
                      ),