react-native-pdf
react-native-pdf copied to clipboard

Published 20 hours ago •

Reame
Issues

Top of the first page not fully shown when loading PDF with multiple pages.

Open 1Jesper1 opened this issue 4 years ago • 11 comments

What react-native version are you using? 0.59 What react-native-pdf version are you using? 5.1.7 What platform does your issue occur on? (android/ios/both) ios

Problem: When loading a pdf with multiple pages, the top of the first page is not scrolled to the top. I have to scroll to show the top of the first page.

Oct 14 '20 10:10 1Jesper1

Can you share the screenshot of the problem or video?

Oct 27 '20 20:10 Adaverse

On Android it works, it shows the top of the page: Screenshot 2020-10-28 at 10 03 22

This is what happens on IOS, it doesn't show the top of the page, it's scrolled like 20px down: Screenshot 2020-10-28 at 10 02 36

Oct 28 '20 09:10 1Jesper1

Can you check it its equal to the height of the status bar of the phone?

Oct 28 '20 13:10 Adaverse

@Adaverse Yes, that's true.

Oct 28 '20 14:10 1Jesper1

@Adaverse Not exactly, I will upload some more screens so you can check.

Oct 28 '20 14:10 1Jesper1

Height of header: Screenshot 2020-10-28 at 15 23 38

Overflow of PDF: Screenshot 2020-10-28 at 15 23 19

Oct 28 '20 14:10 1Jesper1

check

Can you check the heights of these two in terms of numbers! And also make sure not to put any padding or margins on the concerned component.

Oct 28 '20 15:10 Adaverse

@Adaverse I will try tomorrow. I'm using the Android emulator and IOS emulator.

Oct 28 '20 17:10 1Jesper1

@Adaverse Could you reproduce the issue in an example project?

Nov 02 '20 09:11 1Jesper1

@1Jesper1 currently I'm working on android only. It will take time for me to reproduce the same in the IOS environment.

Nov 03 '20 15:11 Adaverse

Any update on this? the issue is still there. only the first page, and only on ios platform. Please fix this!

Jul 19 '21 04:07 thanhluantl2304