Flutter实现动态添加图片集合

项目里面要实现类似安卓里面那种动态添加图片的那种GridView列表

先说一下试下思路

首先有一点添加图片的占位图,然后点击可以打开图片浏览器,然后通过返回的图片集合进行添加   

首先你第一个position肯定是占位图,但是你添加到了九张的时候就消失了,然后你一边添加,占位图一直后移,首先这个占位图的position肯定是图片数组的长度

先上代码

首先你肯定要添加一个GridView的组件,然后设置对应的参数

关于itemCount的数量,这个要做一个判断  首先你是否超出数量9,在范围之内,那这个数量长度肯定是图片数组的长度,但是超出9了,那这个长度就是9

刚开始你没有图片的时候就显示一个占位图,但是你想刚开始数组里面没有东西,长度肯定是0,所以,GridView的itemCount的position的位置也是0,因此做判断,位置和长度都为0,意思是都为空的时候,就填入一个占位图,然后给他设置一个点击事件


给图片选择器一个一步调度,等待数据回调,当打开图片浏览器获取图片的时候,会返回一个图片对象,然后将对象的path值添加到数组里面,然后setState进行添加渲染界面,这样子图片就添加进GridView

这样子是不是很简单,但是我刚开始写的时候,出现了很多问题,例如itemCount的判断,还有当图片数组长度为0 的时候,你是无法通过itemBuidler获取position对应的值的,但是你判空还是没有用的,因为当前的position是不可用的!!

如果有什么不懂的可以加我微信问 我 x1789780841

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容