用flutter撸一个类似微信红旗图头像

刷了刷朋友圈看到朋友圈全是@微信官方要微信红旗头像图,不多说先用flutter搞一个再说。先上效果图

主界面


获取的图片保存到本地

好了该上代码了,

界面代码过于简单就不给出来了,里面用到了几个框架,

path_provider: ^1.1.0#这是获取安卓 IOS 文件缓存路径

image_picker: 0.6.0+15 #图片选择(相册或拍照)

image_picker框架里面的使用代码

接下来核心代码在于下面,图片合成采用了Stack布局把两张图片盖住,然后再用

flutter 提供的RepaintBoundaryWidget来实现截图功能,用RepaintBoundary包裹需要截取的部分,

GlobalKey  rootWidgetKey =GlobalKey(); //节点key

然后利用以下代码进行截图并保存成图片


里面利用到了截图的widget去采用截图方法获取图片最后保存到本地

最后说明一点我是在我的红米测试手机安卓6.0运行的,安卓6.0以上版本可能存在部分本地及存储的问题。

你可能感兴趣的:(用flutter撸一个类似微信红旗图头像)