最近要做下载海报和分享的功能,于是有了这篇博客~~
首先来看一下要实现的效果~
首先捋一下实现步骤:
遮罩层红色框内的为要保存到相册的图片区域,点击下载海报的时候就将图片区域进行截图并且保存到本地。
下面来做具体实现:
具体安装步骤就不再赘述了,网上有各种教程
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