刷了刷朋友圈看到朋友圈全是@微信官方要微信红旗头像图,不多说先用flutter搞一个再说。先上效果图
![](https://img.haomeiwen.com/i7996217/40f3123b52e1f4fc.png)
![](https://img.haomeiwen.com/i7996217/ce571e5d4fe660ed.png)
![](https://img.haomeiwen.com/i7996217/19bb4fcd32530ea7.png)
![](https://img.haomeiwen.com/i7996217/d361d40e50e340c1.png)
好了该上代码了,🤣🤣🤣
界面代码过于简单就不给出来了,里面用到了几个框架,
path_provider: ^1.1.0#这是获取安卓 IOS 文件缓存路径
image_picker: 0.6.0+15 #图片选择(相册或拍照)
![](https://img.haomeiwen.com/i7996217/93fa3d131c7ee537.png)
接下来核心代码在于下面,图片合成采用了Stack布局把两张图片盖住,然后再用
flutter 提供的RepaintBoundaryWidget来实现截图功能,用RepaintBoundary包裹需要截取的部分,
GlobalKey rootWidgetKey =GlobalKey(); //节点key
![](https://img.haomeiwen.com/i7996217/13cad19995ab7182.png)
然后利用以下代码进行截图并保存成图片
![](https://img.haomeiwen.com/i7996217/af3e0bd5f503e81a.png)
![](https://img.haomeiwen.com/i7996217/16a3ee14580a8e60.png)
最后说明一点我是在我的红米测试手机安卓6.0运行的,安卓6.0以上版本可能存在部分本地及存储的问题。
![](https://img.haomeiwen.com/i7996217/b41bcc4c16519342.png)
网友评论