flutter动态渲染从服务器请求的列表数据

比如我们从服务器请求到的列表数据，需要渲染到页面上，但是在flutter里面还是需要使用他们的ListView或者GridView或者别的组件才可以，或者有children这种属性的组件上使用。

比如我们在一个有状态的组件Lists里面，在initState的时候，发送请求获取数据，并将获取到的数据通过setState设置给属性goods：

然后通过使用List的map方法，将数据转化为children可以使用的List类型：

goods.map((value) {
          return Container(
            decoration: BoxDecoration(
                border: Border.all(
                    color: const Color.fromRGBO(233, 233, 233, 0.9), width: 1)),
            child: Column(
              children: [
                Image.network(
                  value['skillurl'],
                  width: 100,
                  height: 200,
                ),
                const SizedBox(height: 12),
                Text(
                  value['pordname'],
                  textAlign: TextAlign.center,
                  style: const TextStyle(fontSize: 20),
                )
              ],
            ),
          );
        }).toList()

最后就可以在有children的组件中使用了：

 

例如我这类使用后的效果：