Javascript 当我试图下载pdf时,我在屏幕上看不到,屏幕变灰,什么也没有显示。我怎样才能解决这个问题?
我正在尝试下载PDF并在屏幕上显示,但它不起作用,如果我只是在应用程序启动时调用PDF,而没有被触摸屏调用,它就可以正常工作 这些是我使用的代码Javascript 当我试图下载pdf时,我在屏幕上看不到,屏幕变灰,什么也没有显示。我怎样才能解决这个问题?,javascript,reactjs,react-native,xmlhttprequest,Javascript,Reactjs,React Native,Xmlhttprequest,我正在尝试下载PDF并在屏幕上显示,但它不起作用,如果我只是在应用程序启动时调用PDF,而没有被触摸屏调用,它就可以正常工作 这些是我使用的代码 var articleList = []; var currentMag = storageRef.child('issue 6 2.pdf'); var source = {uri:'https://www.orimi.com/pdf-test.pdf',cache:true}; “源”是一个对象值。模块知道对象值,不会分离它们。请设置一个单独的值
var articleList = [];
var currentMag = storageRef.child('issue 6 2.pdf');
var source = {uri:'https://www.orimi.com/pdf-test.pdf',cache:true};
“源”是一个对象值。模块知道对象值,不会分离它们。请设置一个单独的值
要求:仅0.54+支持
source={{uri:source.uri}
或者您可以使用Webview
...
const styles=StyleSheet.create{
容器:{
弹性:1,
paddingTop:Constants.statusBarHeight,
},
};
@并且地址值中存在重复的“https”。删除它。它在我的代码中没有重复。我在这里不小心复制了两次,并进行了编辑。如何删除缓存?@Atakan请像我的回答一样删除缓存语法。@Atakan在flag hub中,据说它是一个只能在Expo中使用的模块。这似乎是有限的。那么,我该如何解决这个问题呢?有没有办法做到这一点?
constructor(props) {
super(props);
this.state = {PDF: false};
console.log('Current Mag: ' + currentMag);
currentMag.getDownloadURL().then(function(url) {
var xhr = new XMLHttpRequest();
xhr.responseType = 'blob';
xhr.onload = function(event) {
var blob = xhr.response;
console.log('blob from xhr: ' + JSON.stringify(blob));
var reader = new FileReader();
reader.onload = function() {
source.uri = reader.result;
this.setState(previousState => (
{PDF: !previousState.PDF}
))
}.bind(this);
reader.readAsDataURL(blob);
}.bind(this);
xhr.open('GET', url);
xhr.send();
}.bind(this)).catch(function(error) {
return (
<View style={styles.container}>
<Text>Error: {error}</Text>
</View>
);
});
}
<PDFReader
source={source}
onLoadComplete={(numberOfPages,filePath)=>{
console.log('Number of pages: ${numberOfPages}');
}}
onPageChanged={(page,numberOfPages)=>{
console.log('Current page: ${page}');
}}
onError={(error)=>{
console.log('Error in rendering article: ' + error);
}}
style={styles.pdf}/>