React native 在react native with expo中打开PDF文件

React native 在react native with expo中打开PDF文件,react-native,pdf,expo,React Native,Pdf,Expo,我正在使用React Native with Expo并尝试打开一个pdf文件。我的资产文件夹中已经有该文件。我宁愿不去 我尝试使用react native pdf如下: import React, { Component } from 'react'; import { StyleSheet, Dimensions, View } from 'react-native'; import Pdf from 'react-native-pdf'; export default class PD

我正在使用React Native with Expo并尝试打开一个pdf文件。我的资产文件夹中已经有该文件。我宁愿不去

我尝试使用
react native pdf
如下:

import React, { Component } from 'react';
import { StyleSheet, Dimensions, View } from 'react-native';

import Pdf from 'react-native-pdf';

export default class PDFExample extends Component {
  render() {
    const source = {uri:'bundle-assets://test.pdf'};
    return (
      <View style={styles.container}>
        <Pdf
          source={source}
          style={styles.pdf} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'flex-start',
    alignItems: 'center',
    marginTop: 25,
  },
  pdf: {
    flex:1,
    width:Dimensions.get('window').width,
  }
});
import React,{Component}来自'React';
从“react native”导入{样式表、维度、视图};
从“react native Pdf”导入Pdf;
导出默认类PDFExample扩展组件{
render(){
常量源={uri:'bundle-assets://test.pdf'};
返回(
);
}
}
const styles=StyleSheet.create({
容器:{
弹性:1,
justifyContent:“flex start”,
对齐项目:“居中”,
玛金托普:25,
},
pdf:{
弹性:1,
宽度:尺寸。获取('窗口')。宽度,
}
});
但是没有成功。发生了很多错误,我对这个软件包失去了信心。所以我在寻找一个更简单的解决方案

问题:

如何在其他应用程序中打开资产文件。比如,让ios或android选择哪个应用程序将打开pdf文件。我可以在expo中仅使用托管代码而不分离吗?

通过Thread或npm安装以下库:
artin添加react原生webview expo文件系统expo常量rn pdf阅读器js

然后,您可以像这样显示PDF:

从“React”导入React
从“react native”导入{ScrollView,View,}
从“rn pdf reader js”导入PDFReader
导出默认类发布扩展React.Component{
render(){
返回(
)
}
}

通过Thread或npm安装以下库:
artin添加react原生webview expo文件系统expo常量rn pdf阅读器js

然后,您可以像这样显示PDF:

从“React”导入React
从“react native”导入{ScrollView,View,}
从“rn pdf reader js”导入PDFReader
导出默认类发布扩展React.Component{
render(){
返回(
)
}
}

您找到解决方案了吗?我也面临同样的问题。到目前为止还没有找到任何解决方案。你找到任何解决方案了吗?我也面临同样的问题。到目前为止还没有找到任何解决方案。