Flutter实现动态添加图片集合

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

先说一下试下思路

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

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

先上代码

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

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

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


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

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

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

你可能感兴趣的:(Flutter实现动态添加图片集合)