Flutter 列表项目

先读我:

我之前准备的Post.dart 里面的图片地址都是 https 资源,测试加载的时候出现异常:

通过 Image.network 加载的:

Image.network(posts[index].imageUrl),

异常提示如下:

BBA188A6-37AB-4A90-AA54-BF7B016A84BE

测试了很久,我有如下的解决方案:

1.十分简单,把https 资源换成 http 资源。

2.但是真的是 https 问题吗?经过我采用其他 https 资源测试后发现。。。并不是 https 的锅,是我之前采用的资源的服务器应该采取某种方式阻止了我使用这些资源。

最后我更换了其他资源。。。

后来的事

更改 Item的样式,把图片、作者的信息都调出来。

Widget _listItemBuilder(BuildContext context, int index) {
    return Container(
      color: Colors.white,
      margin: EdgeInsets.all(8.0),
      child: Column(
        children: <Widget>[
          Image.network(posts[index].imageUrl),
          SizedBox(height: 16.0),
          Text(
            posts[index].title,
            style: Theme.of(context).textTheme.title,
          ),
          Text(
            posts[index].author,
            style: Theme.of(context).textTheme.subhead,
          ),
          SizedBox(height: 16.0),
        ],
      ),
    );
  }

应用到的 Widget 有:Container、Column。