wonday / react-native-pdf

A <Pdf /> component for react-native
MIT License
1.58k stars 540 forks source link

auto scroll up when it reaches to last page (ios) #736

Open Shekhardeuba opened 1 year ago

Shekhardeuba commented 1 year ago

What react-native version are you using? "react-native": "0.63.5",

What react-native-pdf version are you using? "react-native-pdf": "^6.6.2",

What platform does your issue occur on? (ios)

Describe your issue as precisely as possible : 1) when i scroll down to last page it automatically scrolls to top page, and doesn't show button

Join a screenshot or video of the problem on the simulator or device?

Show us the code you are using? <Pdf trustAllCerts={false} source={source} onLoadComplete={(numberOfPages, filePath) => { console.log(number of pages: ${numberOfPages}); }} onPageChanged={(page, numberOfPages) => { console.log(current page: ${page});

            if (page === numberOfPages) {
              setShowButton(true);
            } else {
              setShowButton(true);
            }
          }}
          onError={(error) => {
            console.log(error);
          }}
          onPressLink={(uri) => {
            console.log(uri);
          }}
          fitWidth={true}
          style={styles.pdfViewer}
          onLoadProgress={(percent) => {
            setLoadProgress(((percent * 10000) / 100).toFixed(2));
          }}
          renderActivityIndicator={() => (
            <ProgressCircle
              progress={loadProgress}
              size={200}
              thickness={10}
              showsText
              formatText={(progressValue) =>
                `${Math.round(progressValue * 100)}%`
              }
              color={Colors.darkBlue_0C0032}
              unfilledColor={Colors.white_FFFFFF}
            />
          )}
        />

        {showButton === true &&
          documentDetail.components.length > 0 &&
          documentDetail.status === 'forwarded' &&
          !documentDetail.isSigned && (
            <TouchableOpacity
              style={styles.fillBtn}
              onPress={() => setShowForm(true)}>
              <Text style={styles.buttonText}>
                {screenTexts.formBuilder.formFill}
              </Text>
            </TouchableOpacity>
          )}