栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > .Net

Image.network加载网图报错type ‘Null‘

.Net 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Image.network加载网图报错type ‘Null‘

错误: type 'Null' is not a subtype of type 'List' in type cast

解决方案:使用异步方法,延迟刷新页面

解决效果图:

 关键代码:

        body: RefreshIndicator(
            child: Image.network(
              "http://www.devio.org/img/avatar.png",
              width: 50,
              height: 50,
            ),
            //_asyncRefresh用于实现屏幕下拉时的回调函数
            onRefresh: _asyncRefresh),



Future _asyncRefresh() async {
    await Future.delayed(Duration(milliseconds: 200));
    return null;
  }

 完整代码:

class _ImageWedgetInsState extends State {
  @override
  Widget build(BuildContext context) {
    int _currentIndex = 0;

    return MaterialApp(
      title: "网络加载图片demo",
      theme: ThemeData(primarySwatch: Colors.green),
      home: Scaffold(
        appBar: AppBar(
          title: Text("加载网络图片demo"),
          leading: GestureDetector(
            onTap: () {
              Navigator.pop(context);
            },
            child: Icon(Icons.arrow_back),
          ),
        ),

        //RefreshIndicator下拉刷新组件,想要获得下拉刷新效果必须配合列表ListView使用
        body: RefreshIndicator(
            child: Image.network(
              "http://www.devio.org/img/avatar.png",
              width: 50,
              height: 50,
            ),
            //_asyncRefresh用于实现延迟刷新页面的回调函数
            onRefresh: _asyncRefresh),
      ),
    );
  }

  Future _asyncRefresh() async {
    await Future.delayed(Duration(milliseconds: 200));
    return null;
  }
}

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/911384.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号