React-Native之截图组件view-shot的介绍与使用

最新推荐文章于 2024-03-23 09:39:32 发布

VIP文章 LeoStarry2014

最新推荐文章于 2024-03-23 09:39:32 发布

阅读量1.9k

点赞数

文章标签： javascript 移动开发 xcode ViewUI

原文链接：http://www.cnblogs.com/jackson-yqj/p/9550652.html

版权

1,需要将分享页生成图片，并分享到微信好友与朋友圈。

1,可以截取当前屏幕或者按照当前页面的组件来选择截取，如当前页面有一个图片组件，一个View组件，可以选择截取图片组件或者View组件。支持iOS和安卓。

2,如需要截取ScrollView，只需要将”full”传递给snapshot方法即可。 captureRef方法和captureScreen方法都可以设置options，options的说明如下：

width / height：可以指定最后生成图片的宽度和高度。
format：指定生成图片的格式png or jpg or webm (Android). 默认是png。
quality：图片的质量0.0 - 1.0 (default)。
result：最后生成的类型，可以是tmpfile、base64、data-uri。
snapshotContentContainer：如果设置为True的话，会动态计算组件的高度。如果是ScrollView组件，就会截取整个ScrollView的实际高度。

3,一些方法

children:点阵化的实际内容。
options:与captureRef方法中的选项相同。
captureMode(string):
如果没有定义(默认)。捕获不是自动的，您需要自己使用ref和调用capture()。
"mount"：在挂载时捕获视图一次。(理解图像加载不会等待是很重要的，在这种情况下，您希望在图像#onLoad之后的viewShotRef.capture()中使用“none”)。
"continuous"：这将捕获大量的图像连续。非常具体的用例。
"update"：这将捕获图像每次反应重绘(上做更新)。非常具体的用例。
onCapture:在定义captureMode函数时，将使用捕获结果调用这个回调函数。
onCaptureFailure:当定义了captureMode函数时，当捕获失败时将调用这个回调函数。

关注