将Widget放在Ffltter中的ListView之上 [英] Putting Widget above a ListView in Flutter

问题描述

我可以很好地使用下面的代码调用和显示来自FireStore的数据：

return ListView(
 padding: const EdgeInsets.only(top: 20.0),
 children: snapshot.map((data) => _buildListItem(context, data)).toList(),
);

但如果我尝试将其放入列中，因此在其上方添加另一个小部件，则失败并给出stack overflow：

return Column(
    children: <Widget>[
    Text('Hellow'),
  ListView(
  padding: const EdgeInsets.only(top: 20.0),
  children: snapshot.map((data) => _buildListItem(context, data)).toList(),
)]);

推荐答案

您需要将ListView放入Expanded小工具中，以便它知道可以填满多少空间。

return Column(
    children: <Widget>[
      Text('Hellow'),
      Expanded(
        child: ListView(
          padding: const EdgeInsets.only(top: 20.0),
          children:
              snapshot.map((data) => _buildListItem(context, data)).toList(),
        ),
      ),
    ],
  );

这篇关于将Widget放在Ffltter中的ListView之上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！