Question

我正在尝试生成嵌套在VERTICAL列表视图中的动态高度水平列表视图

我已经可以打印水平列表视图了，但是每张卡的内容都被水平列表视图的父容器的固定高度切割掉了，因为水平列表视图的父容器高度

class TestPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Test'),
      ),
      body: ListView(
        children: <Widget>[
          Container(
            height: 100,
            child: ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: 100,
              itemBuilder: (context, index) {
                return Dismissible(
                  direction: DismissDirection.down,
                  key: Key('$index'),
                  child: Card(
                    child: Container(
                      width: 100,
                      child: Text('${index}',
                        // here goes cutted long text
                        style: TextStyle(color: Colors.white),
                      ), 
                    ),
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}

链接图像https://i.pinimg.com/564x/b7/f6/34/b7f6340dbb96212bc9c216e9bbc0d5da.jpg，stackoverflow尚未允许我发布图像：（

*编辑：我要寻找的是根据其子文本的长度动态设置每个卡的高度

Answer 1

除了将嵌套列表视图放在容器中，您还可以尝试使用扩展小部件将其包装吗？

生成嵌套在垂直列表视图中的动态高度水平列表视图

1 个答案: