【问题标题】:Flutter listview is not visible颤振列表视图不可见
【发布时间】:2019-02-13 12:22:07
【问题描述】:
 Widget servicesListview() {
    return Container(
        decoration: new BoxDecoration(color: const Color(0xFFEAEAEA)),
        child: Column(
          children: <Widget>[
            ListView.builder(
                scrollDirection: Axis.vertical,
                itemCount: menServicesList.length,
                itemBuilder: (BuildContext context, int index) {
                  Text(menServicesList[index].name);
                }),
          ],
        ));
  }

每当我调用此方法列表不可见时,我正在我的颤振项目中实现列表视图。页面变为空白,帮助我解决这个问题

【问题讨论】:

    标签: flutter


    【解决方案1】:

    我也有同样的问题。 ListView.builder 不能在 Column 中工作,这有必要使用 ExpandedExpanded 小部件允许您使用相关小部件扩展和填充空间。

    看这个:

    child: Column(
       children: <Widget>[
          Expanded(
             child: ListView.builder(
                .......
             )
          )
       ]
    )
    

    【讨论】:

      【解决方案2】:

      您的itemBuilder 中缺少return 语句

      itemBuilder: (BuildContext context, int index) {
          return Text(menServicesList[index].name);
      }),
      

      itemBuilder: (BuildContext context, int index) => Text(menServicesList[index].name)),
      

      【讨论】:

      • itemBuilder: (BuildContext context, int index)=> Text(menServicesList[index].name)
      【解决方案3】:

      将您的 ListView 包裹在 ExpandedContainer 小部件中,如果您使用 Container,则需要设置高度/宽度。

      这是因为 ListView 没有要编辑的高度/宽度属性。

      编辑

      不要忘记在 itemBuilder 属性中返回您的 Text。

      【讨论】:

      • 请告诉我应该使用什么来代替 Expanded 或 Container
      • 我想根据列表中的项目数设置高度
      • 您可以在 ListView.Builder 中的 itemExtent 参数中设置一个双精度值,例如 200.0、400.0、500.0...,我认为这对您有用
      • 如果我设置了如何查看所有列表项,列表项将在我的列表中动态上传
      • 尝试设置一个默认的itemExtend值,看看是否可以
      【解决方案4】:

      如果你从 ListView 中移除 Column 小部件,列表肯定会出现 如果你想给 ListView 的每个元素一个装饰属性。

      Widget servicesListview() {
        return ListView.builder(
            scrollDirection: Axis.vertical,
            itemCount: menServicesList.length,
            itemBuilder: (BuildContext context, int index) {
              Container(
                  decoration: new BoxDecoration(color: const Color(0xFFEAEAEA)),
                  child: Text(menServicesList[index].name)
              );
            })
      }
      

      【讨论】:

      • 我试过你更新的代码它不起作用页面仍然是空白
      猜你喜欢
      • 2020-06-19
      • 1970-01-01
      • 2018-04-26
      • 2019-04-25
      • 2018-12-06
      • 2018-10-26
      • 1970-01-01
      • 2020-11-15
      • 2022-01-23
      相关资源
      最近更新 更多