flutter使用 NetworkImage 显示图像

使用 NetworkImage 显示图像

在 GitHub 中，每个成员都有其头像的 URL。您的下一个改进是将该头像添加到Member课程中并在应用程序中显示这些头像。

更新Member以添加avatarUrl属性。它现在应该是这样的：

class Member {
  Member(this.login, this.avatarUrl);
  final String login;
  final String avatarUrl;
}
​ 

由于avatarUrl现在是必需参数，因此 Flutter 在_loadData. 将setState回调替换为_loadData以下更新版本：

setState(() {
  final dataList = json.decode(response.body) as List;
  for (final item in dataList) {
    final login = item['login'] as String? ?? '';
    final url = item['avatar_url'] as String? ?? '';
    final member = Member(login, url);
    _members.add(member);
  }
});
​ 

上面的代码使用avatar_url键在从 JSON 解析的地图中查找 URL 值，然后将其设置为url字符串，然后将其传递给Member。

现在您可