'On scrolling down or up page it shows blank screen and takes time to load react-native-pdf
when scrolling down or up a page it shows a blank screen and takes time to load react-native-pdf
"react-native": "0.68.1"
"react-native-pdf": "^6.5.0"
PDF file loaded successfully but after that when scrolling a page, it shows a blank screen and after that page is loaded same when scrolling up a page. here is the video link Video Link
And here is the code below
PDF Url I have also used the pdf file from phone storage but this issue remains
const source = { uri: 'https://file-examples.com/storage/feddb42d8762894ad9bbbb0/2017/10/file-example_PDF_1MB.pdf', cache: true, expiration: 0 };
<Pdf
trustAllCerts={false}
page={pageNo}
source={source}
onLoadComplete={(numberOfPages, filePath) => {
console.log(`Number of pages: ${numberOfPages}`);
}}
onPageChanged={(page, numberOfPages) => {
setPageNo(page)
console.log(`Current page: ${page}`);
}}
onError={(error) => {
console.log('OnErr Pdf >> ', error);
}}
onPressLink={(uri) => {
console.log(`Link pressed: ${uri}`);
}}
style={styles.pdf} />
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
