美文网首页
Flutter数据渲染 嵌套遍历的坑

Flutter数据渲染 嵌套遍历的坑

作者: Kac0 | 来源:发表于2020-09-17 21:42 被阅读0次

做数据嵌套遍历的时候 第二层遍历出现错误

type 'List<dynamic>' is not a subtype of type 'List<Widget>'

解决方法:
第二层之后的遍历,加上widget声明
value.list.map<Widget>((e) {}).toList()

List<Widget> _getAttrWidget() {
    //第一层渲染
    return this._attr.map((value) {
      return Wrap(
        children: [
          Container(
            padding: EdgeInsets.only(top: 23),
            width: ScreenAdaper.width(100),
            child: Text(
              "${value.cate}:",
              style: TextStyle(fontWeight: FontWeight.bold),
            ),
          ),
          Container(
              width: ScreenAdaper.width(610),
              child: Wrap(
                //第二层渲染 需要声明类型 避免 type 'List<dynamic>' is not a subtype of type 'List<Widget>'
                children: value.list.map<Widget>((e) {
                  return Container(
                    margin: EdgeInsets.all(10),
                    child: Chip(
                      label: Text("${e}"),
                      padding: EdgeInsets.all(10),
                    ),
                  );
                }).toList(),
              ))
        ],
      );
    }).toList();
  }

相关文章

  • Flutter数据渲染 嵌套遍历的坑

    做数据嵌套遍历的时候 第二层遍历出现错误 解决方法:第二层之后的遍历,加上widget声明value.list.m...

  • flutter07:数组渲染

    比如要渲染一个数组多个对象,并且对象里面有数组的这样的一个数据,使用flutter的格式渲染出来 遍历的方式:

  • React流水账02

    数据渲染 在JSX中的{ }中放入数组的时候会自动渲染 列表渲染 Map遍历 Map遍历组件

  • 递归遍历

    数据加和,使用递归遍历,对任何的子嵌套都有用

  • Flutter Container

    一、关于Container嵌套的坑 期望实现效果: 但是上述代码实际结果为 Flutter 布局(一)- Cont...

  • vue内置指令

    (1)v-for 遍历数据渲染到无序列表

  • 小程序随笔不定期更新——第一弹

    页面的数据一般都需要遍历渲染,小程序使用Block标签来遍历渲染模板,这个标签没有意义不会在页面中渲染出来。 滚动...

  • angular2foreach遍历的几种用法

    遍历简单的数组 遍历数组对象 遍历嵌套数组

  • Flutter redux 和 flutter_redux 详解

    Flutter的很多灵感来自于React,它的设计思想是数据与视图分离,由数据映射渲染视图。所以在Flutter中...

  • flutter遇到的坑

    Flutter中ListView嵌套GridView、ListView嵌套ListView

网友评论

      本文标题:Flutter数据渲染 嵌套遍历的坑

      本文链接:https://www.haomeiwen.com/subject/zavryktx.html