【问题标题】:itemBuilder function does not executingitemBuilder 函数不执行
【发布时间】:2019-04-02 18:37:52
【问题描述】:

我使用listView Builder从Future<List<Category>>构建类别的ListView,调试我的代码后一切正常,除了itemBuilder函数没有执行,当我调试itemCount : snapshot.data.length被执行但itemBuilder没有执行,这是我的代码:

var categoryIcon = Container(
      color: Colors.white,
      padding: EdgeInsets.only(top: 20.0),
      alignment: AlignmentDirectional.centerStart,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Padding(
            padding: EdgeInsets.only(left: 20.0, top: 0.0),
            child: Text(
              "Categories ",
              style: TextStyle(
                  fontSize: 13.5,
                  fontFamily: "Sans",
                  fontWeight: FontWeight.w700),
            ),
          ),
          FutureBuilder(
            future: getCategories(),
            builder: (BuildContext context, AsyncSnapshot snapshot){

              if(snapshot.data == null){
                return Container(

                );
              }
              else{
                return ListView.builder(
                    itemBuilder: (BuildContext context, int index){
                      return new Container(
                          child: new Text(snapshot.data[index].name)););
                    },
                    itemCount : snapshot.data.length
                );
              }
            }
          ),
          /// Get class CategoryIconValue
          Padding(padding: EdgeInsets.only(bottom: 30.0))
        ],
      ),
    );

这是我的解析Json的函数:

  Future<List<Category>> getCategories() async{
    var data = await http.get("http://192.168.0.134:9091/Categorie");
    var extractData = json.decode(data.body);
    List<Category> listCat = [];
    for(var c in extractData){
      Category cat = new Category(c["id"],c["name"]);
      listCat.add(cat);
    }
    print(listCat.length);
    return listCat;
  } 

【问题讨论】:

    标签: listview dart flutter


    【解决方案1】:

    如果您是在 Flutter 中使用 API 的新手,阅读它会很不错,您可以查看由 Pooja 撰写的 this 以及关于您正在使用 FutureBuilder 所做的精彩帖子。

    希望对您有所帮助。

    【讨论】:

      猜你喜欢
      • 2020-02-07
      • 2016-04-11
      • 1970-01-01
      • 1970-01-01
      • 2011-08-30
      • 2018-08-11
      • 2021-11-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多