react native截取页面保存为图片到手机相册

最近要做下载海报和分享的功能,于是有了这篇博客~~
首先来看一下要实现的效果~
在这里插入图片描述

首先捋一下实现步骤:

遮罩层红色框内的为要保存到相册的图片区域,点击下载海报的时候就将图片区域进行截图并且保存到本地。

下面来做具体实现:

具体安装步骤就不再赘述了,网上有各种教程

1. 引入截屏组件react-native-view-shot

	import ViewShot from "react-native-view-shot";
	
	<ViewShot ref="viewShot" options={
  { format: "jpg", quality: 1, width: 375, height: 570 }} style={styles.imageArea}>   // 截图区域
	</ViewShot>

	

然后在需要截图的时候使用以下代码进行截取:

this.refs.viewShot.capture().then(uri => {    // 这里的refs后面的viewShot为上面标签中自定义的,可以更改
      this.setSta
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 10
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值