React Native 截屏組件：react-native-view-shot，可以截取當前屏幕或者按照當前頁面的組件來選擇截取，如當前頁面有一個圖片組件，一個View組件，可以選擇截取圖片組件或者View組件。支持iOS和安卓。
安裝方法
npm install react-native-view-shotreact-native link react-native-view-shot
使用示例
captureScreen() 截屏方法
截取當前屏幕，跟系統自帶的截圖一致，只會截取當前屏幕顯示的頁面內容。如果是ScrollView，那么未顯示的部分是不會被截取的。
import { captureScreen } from "react-native-view-shot";captureScreen({ format: "jpg", quality: 0.8}).then( uri => console.log("Image saved to", uri), error => console.error("Oops, snapshot failed", error));captureRef(view, options) 根據組件reference名稱來截取
import { captureRef } from "react-native-view-shot";render() { return ( <ScrollView ref="full"> <View ref="form1”> </View> <View ref="form2”> </View> </ScrollView>);}snapshot = refname => () =>captureRef(refname, { format: "jpg", quality: 0.8, result: "tmpfile", snapshotContentContainer: true}).then( uri => console.log("Image saved to", uri), error => console.error("Oops, snapshot failed", error));指定需要截取的組件的ref名稱，然后將該ref名稱傳遞給snapshot方法來截取指定組件的內容。如需要截取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的實際高度。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
