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

Question

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

当我使用 ListView.builder 时，什么都没有出现。 没有错误！

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

@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

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

此外，您将ListView放在Column而不定义其高度，因此它将无限期地占用空间。 将它包装在一个提供高度约束的小部件中（ SizedBox 、 Expanded 、...）

Answer 2

与Expanded使用。 希望它可以解决您的问题。

Answer 3

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

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

Answer 4

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

Answer 5

尝试用SingleChildScrollView包装 ListView 小部件，它将解决您的问题。