首页 > 解决方案 > React Native Pdf 未显示

问题描述

当使用 react-native-pdf 和提供的示例 uri 时,它不会出现在我的应用程序中。仅显示加载栏。有谁知道可能导致此问题的原因?

消息下方显示的加载栏:

在此处输入图像描述

下面的代码:

  return <SafeAreaView style={{ flex: 1}}>{chat}
     
          <View style={styles.container}>
                      <Pdf
     source={{uri:'https://samples.leanpub.com/thereactnativebook-sample.pdf',cache:true}}
                         onLoadComplete={(numberOfPages,filePath)=>{
                             console.log(`number of pages: ${numberOfPages}`);
                         }}
                         onPageChanged={(page,numberOfPages)=>{
                             console.log(`current page: ${page}`);
                         }}
                         onError={(error)=>{
                             console.log(error);
                         }}
                         onPressLink={(uri)=>{
                             console.log(`Link presse: ${uri}`)
                         }}
                         style={styles.pdf}/>
           </View>
        </SafeAreaView>;
      }
   }

   const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'flex-start',
      alignItems: 'center',
      marginTop: 25,
    },
    pdf: {
      flex:1,
      width:Dimensions.get('window').width,
      height:Dimensions.get('window').height,
    }
 });

标签: firebasereact-nativereact-native-pdf

解决方案


推荐阅读