ListView.builder 不显示任何内容 - Flutter

Question

当我不使用 Flutter 中的 ListView.builder 构造函数时，单个项目按预期从 JSON API 中显示：

当我使用 ListView.builder 时，什么也没有显示。没有错误！

我还尝试了一个仅包含文本的列表视图，但似乎也不起作用。这是代码：

@override
Widget build(BuildContext context) {

return Container(

 child: new Scaffold(
     appBar: AppBar(
         title: Text("the title"),//TODO edit this
         backgroundColor: Colors.blueAccent),

     body:
     Column(
       children: <Widget>[
         FutureBuilder<List<dynamic>>(
           future: getPosts2(),
           builder: (context, snapshot) {
             if (snapshot.hasError) print(snapshot.error);

             return snapshot.hasData
                 ? ListViewPosts(postsFrom: snapshot.data)
                 : Center(child: CircularProgressIndicator());
           },
         ),


       ],
     ),

 ),
  );
 }
 }

这是 ListViewPosts 无状态小部件：

     class ListViewPosts extends 
     StatelessWidget {
     final List<dynamic> postsFrom;

     ListViewPosts({Key key, 
     this.postsFrom}) : super(key: key);

       @override
       Widget build(BuildContext context) {
return Column(
  children: <Widget>[
    FadeInImage.assetNetwork(
      placeholder: 'assets/images/placeholder.png',
      image: postsFrom[1]["featured_media"] == 0
          ? 'assets/images/placeholder.png'
          : postsFrom[1]["_embedded"]["wp:featuredmedia"]
      [0]["source_url"],


    ),

    FadeInImage.assetNetwork(
      placeholder: 'assets/images/placeholder.png',
      image: postsFrom[2]["featured_media"] == 0
          ? 'assets/images/placeholder.png'
          : postsFrom[2]["_embedded"]["wp:featuredmedia"]
      [0]["source_url"],


    ),
    new Row(
      children: <Widget>[
        Expanded(
          child: Text(
            "???????: " +
                postsFrom[1]["_embedded"]["author"][0]
                ["name"],
            textAlign: TextAlign.right,
          ),
        ),
        Expanded(
          child: Text(
            dateConvertor(
                postsFrom[2]["date"].toString()),
            textAlign: TextAlign.left,
          ),
        ),
      ],
    ),

    ListView.builder(
      itemCount: postsFrom.length, //== null ? 0 : postsFrom.length,
      itemBuilder: (context, int index) {
        Card(
          child: Column(
            children: <Widget>[
              Text(postsFrom.toString()),
              Container(
                child: hawalImage(postsFrom, index),
              ),
              new Padding(
                padding: EdgeInsets.all(5.0),
                child: new ListTile(

                  title: new Text("whatEver"),
                  subtitle: new Row(
                    children: <Widget>[
                      Expanded(
                        child: new Text(postsFrom[index]["title"]["rendered"]),
                      ),
                      Expanded(
                        child: hawalDate(postsFrom, index),
                      ),
                    ],
                  ),
                ),
              ),
              new ButtonTheme.bar(
                child: hawalBtnBar(),
              ),
            ],
          ),
        );
      },
    ),

Answer 1

您必须return Card在 builder 函数中的大括号的开头写入。另外我会谨慎使用Expanded那里，它可能会导致一些错误。

你也把 a ListViewinside aColumn没有定义它的高度，所以它会无限地占用空间。把它包在提供高度约束的小部件（SizedBox，Expanded，...）

Answer 2

在里面Listview.builder()你可以尝试添加属性shrinkWrap: true。

这对我有用。我面临着类似的问题。