无法在android应用程序中滚动pdf文件

我在我的应用程序中使用了react native pdf，我们希望在应用程序中滚动该pdf，但是它在ios上运行良好，但在android中，它不能完全滚动到最多4页。pdf中有20页。我在我的应用程序中使用了以下代码：-

render () {
    const source = require('./../../../assets/assets/pdfs/pdfname.pdf');
    return (
      <View style={styles.container}>
          <Pdf
              source={source}
              onLoadComplete={(numberOfPages,filePath)=>{
                  console.log(`number of pages: ${numberOfPages}`);
              }}
              onPageChanged={(page,numberOfPages)=>{
                  console.log(`current page: ${page}`);
              }}
              onError={(error)=>{
                  console.log(error);
              }}
              style={styles.pdf}/>
      </View>
  )

  }
}

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

render () {
    const source = require('./../../../assets/assets/pdfs/ebook_1.pdf');
    return (
      <View style={styles.container}>
          <Pdf
              source={source}
              onLoadComplete={(numberOfPages,filePath)=>{
                  console.log(`number of pages: ${numberOfPages}`);
              }}
              onPageChanged={(page,numberOfPages)=>{
                  console.log(`current page: ${page}`);
              }}
              onError={(error)=>{
                  console.log(error);
              }}
              style={styles.pdf}/>
      </View>
  )

  }
}

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

render（）{
const source=require（'./../../../../assets/assets/pdfs/pdfname.pdf'）；
返回(
{
log（`number of pages:${numberOfPages}`）；
}}
onPageChanged={（第页，页数）=>{
log（`current page:${page}`）；
}}
onError={（错误）=>{
console.log（错误）；
}}
style={styles.pdf}/>
)
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
justifyContent:“flex start”，
对齐项目：“居中”，
玛金托普：5，
},
pdf:{
弹性：1，
宽度：尺寸。获取（'窗口'）。宽度-20，
}
});
渲染（）{
const source=require（'./../../../../assets/assets/pdfs/ebook_1.pdf'）；
返回(
{
log（`number of pages:${numberOfPages}`）；
}}
onPageChanged={（第页，页数）=>{
log（`current page:${page}`）；
}}
onError={（错误）=>{
console.log（错误）；
}}
style={styles.pdf}/>
)
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
justifyContent:“flex start”，
对齐项目：“居中”，
玛金托普：5，
},
pdf:{
弹性：1，
宽度：尺寸。获取（'窗口'）。宽度-20，
}
});

---

我希望我的pdf完全在应用程序中滚动。

尝试在ScrollView中包装，这对我很有用

<View style={styles.container}>
    <ScrollView contentContainerStyle={{ flex: 1 }}>
        <Pdf
            source={source}
            onLoadComplete={()=>{
                console.log(`number of pages: ${numberOfPages}`);
            }}
            onPageChanged={()=>{
                console.log(`current page: ${page}`);
            }}
            onError={(error)=>{
                console.log(error);
            }}
            style={styles.pdf}/>
    </ScrollView>
</View>

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

{
log（`number of pages:${numberOfPages}`）；
}}
onPageChanged={（）=>{
log（`current page:${page}`）；
}}
onError={（错误）=>{
console.log（错误）；
}}
style={styles.pdf}/>
const styles=StyleSheet.create({
容器：{
弹性：1，
justifyContent:“flex start”，
对齐项目：“居中”，
玛金托普：5
},
pdf:{
弹性：1，
宽度：尺寸。获取（'窗口'）。宽度-20
}
});

尝试在ScrollView中包装，这对我很有用

<View style={styles.container}>
    <ScrollView contentContainerStyle={{ flex: 1 }}>
        <Pdf
            source={source}
            onLoadComplete={()=>{
                console.log(`number of pages: ${numberOfPages}`);
            }}
            onPageChanged={()=>{
                console.log(`current page: ${page}`);
            }}
            onError={(error)=>{
                console.log(error);
            }}
            style={styles.pdf}/>
    </ScrollView>
</View>

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

{
log（`number of pages:${numberOfPages}`）；
}}
onPageChanged={（）=>{
log（`current page:${page}`）；
}}
onError={（错误）=>{
console.log（错误）；
}}
style={styles.pdf}/>
const styles=StyleSheet.create({
容器：{
弹性：1，
justifyContent:“flex start”，
对齐项目：“居中”，
玛金托普：5
},
pdf:{
弹性：1，
宽度：尺寸。获取（'窗口'）。宽度-20
}
});

尝试在pdf中添加一些高度，然后使用滚动键

我的pdf样式

这是我的pdf

{
log（`number of pages:${numberOfPages}`）；
}}
onPageChanged={（第页，页数）=>{
log（`current page:${page}`）；
}}
onError={（错误）=>{
console.log（错误）；
}}
onPressLink={（uri）=>{
log（`Link presse:${uri}`）
}}
/>

尝试在pdf中添加一些高度，然后使用滚动键

我的pdf样式

这是我的pdf

{
log（`number of pages:${numberOfPages}`）；
}}
onPageChanged={（第页，页数）=>{
log（`current page:${page}`）；
}}
onError={（错误）=>{
console.log（错误）；
}}
onPressLink={（uri）=>{
log（`Link presse:${uri}`）
}}
/>

style={{flex:1，width:200}}更多细节@erroau谢谢，但早期的pdf会滚动到4页，现在滚动到9页，但pdf会放大。所以它看起来不太好，我的pdf有20页。style={{flex:1，width:200}更多细节@erroau谢谢，但是早期的pdf可以滚动到4页，现在可以滚动到9页，但是pdf可以放大。所以看起来不太好，我的pdf有20页。

<Pdf style={Styles.pdfStyles}
                        source={{
                            uri: '/storage/emulated/0/Download/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}`)
                        }}
                    />