flutter中怎么实现多布局列表-创新互联

今天就跟大家聊聊有关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;    });   }  } }

看完上述内容,你们对flutter中怎么实现多布局列表有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


当前文章:flutter中怎么实现多布局列表-创新互联
转载来源:http://bzwzjz.com/article/igodc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆网站设计 企业网站设计 成都网站设计 品牌网站建设 网站建设公司 成都网站制作 重庆网站制作 成都品牌网站设计 网站建设方案 成都网站建设 定制网站设计 网站建设开发 成都模版网站建设 成都网站制作 网站设计公司 成都网站建设 成都响应式网站建设 成都网站制作 高端网站设计 网站建设推广 成都企业网站建设公司 盐亭网站设计