温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

使用flutter怎么实现一个多布局列表

发布时间:2021-04-06 16:29:02 来源:亿速云 阅读:253 作者:Leah 栏目:移动开发

使用flutter怎么实现一个多布局列表?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

多布局功能代码:

 @override  void initState() {   // TODO: implement initState   super.initState();   // 获取网络数据 一个banner 一个列表   initBannerData();   initHomeList();  }  @override  Widget build(BuildContext context) {   Widget itemColor = Divider(    color: Colors.blue,   );   Widget nullColor = Divider(    color: Colors.white,   );   return ListView.separated(    itemCount: _homeListBeanEntity.data.datas.length,    itemBuilder: (BuildContext context, int index) {    // 根据规则,抽取banner方法和listitem     return _bannerBeanData != null && _bannerBeanData.data.length > 0&&index==0       ? bannerItem(_bannerBeanData)       : listItem(_homeListBeanEntity, index);    },    separatorBuilder: (BuildContext context, int index) {     return index > 0 ? itemColor : nullColor;    },   );  }
void initBannerData() async {   result = await getNetWorkData("https://www.wanandroid.com/banner/json");   print("list=" + result);   if (result.toString().length > 0) {    BannerBeanEntity bannerBeanEntity =      BannerBeanEntity.fromJson(json.decode(result));    if (bannerBeanEntity != null) {     setState(() {      _bannerBeanData = bannerBeanEntity;     });    }   }  } getNetWorkData(String url) async {   var uri = Uri.parse(url);   HttpClient httpClient = new HttpClient();   HttpClientRequest request = await httpClient.getUrl(uri);   HttpClientResponse httpClientResponse = await request.close();   var str = await httpClientResponse.transform(utf8.decoder).join();   print(httpClientResponse.toString());   return str;  }  void initHomeList() async {   result =await getNetWorkData("https://www.wanandroid.com/article/list/0/json");   print("list=" + result);   if (result.toString().length > 0) {    HomeListBeanEntity homeListBeanEntity =      HomeListBeanEntity.fromJson(json.decode(result));    if (homeListBeanEntity != null) {     setState(() {      _homeListBeanEntity = homeListBeanEntity;     });    }   }  }

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI