推荐使用:跨平台React Native PDF查看器 - react-native-pdf-view
import React from 'react';
import { View, StyleSheet } from 'react-native';
import PDFView from 'react-native-pdf-view';
const PdfViewExample = () => {
return (
<View style={styles.container}>
<PDFView
style={styles.pdf}
source={{ uri: 'http://example.com/document.pdf' }} // 替换为你的PDF文件URL
/>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
},
pdf: {
flex: 1,
width: '100%',
},
});
export default PdfViewExample;
这段代码展示了如何在React Native应用中嵌入并显示一个PDF文件。首先,我们引入了必要的组件和样式。然后,我们创建了一个名为PdfViewExample
的函数组件,它返回一个包含PDFView
组件的视图,该组件通过source
属性接收PDF文件的URL。最后,我们通过export default
将该组件导出,以便在其他组件或应用中使用。
评论已关闭