Javascript 当我试图下载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}; “源”是一个对象值。模块知道对象值,不会分离它们。请设置一个单独的值

我正在尝试下载PDF并在屏幕上显示,但它不起作用,如果我只是在应用程序启动时调用PDF,而没有被触摸屏调用,它就可以正常工作

这些是我使用的代码

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}/>