我想用React Native View Shot 导出图片,但是有一个问题,图片怎么不想导出,所以出现这样的错误。用英文,就像“shot can't receive empty message”
这是我的代码
import ViewShot, { captureScreen } from 'react-native-view-shot';
const viewShotRef = useRef();
const [handleButton, setHandleButton] = useState(true);
async function captureViewShot() {
setHandleButton(false);
const imageURI = await viewShotRef.current.capture();
console.log(imageURI);
setHandleButton(true);
Share.share({ title: 'Nota', url: imageURI });
}
function captureScreenShot() {
captureScreen({
format: 'jpg',
quality: 0.8,
}).then(
(uri) => {
console.log(uri);
Share.share({ title: 'Nota', url: uri });
},
(error) => console.log('IMage gagal to', error)
);
}
这是我的观点
<ViewShot
ref={viewShotRef}
style={{ flex: 1 }}
options={{ format: 'jpg', quality: 1.0 }}>
<Table borderStyle={styles.tableStyle}>
<Row
data={tableHead}
style={styles.head}
textStyle={styles.text}
flexArr={[1, 2, 1, 1]}
/>
<Rows data={tableData} textStyle={styles.text} flexArr={[1, 2, 1, 1]} />
</Table>
</ViewShot>
在我的情况下,我需要 2 个导出,即仅导出表格并导出整个屏幕,但它们都不起作用