Scroll Indicator was Show center of the screen in react-native-pdf

[SaGaR1084]

Scroll Indicator was Show center of the screen in react-native-pdf

this is my code

import React from 'react';
import { StyleSheet, Dimensions, View } from 'react-native';

import Pdf from 'react-native-pdf';

import ImageHelper from '../../Helpers/ImageHelper';

const {
  InstructionsPDF,
} = ImageHelper;
export default class Instruction extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Pdf
          source={InstructionsPDF}
          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>
    )
  }
}

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,
  }
});

[wonday]

Delete the width and height then try again?

pdf: {
    flex: 1,
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height,
  }

[Adarwall]

Facing the same problem here... any solution?

[martintreurnicht]

I fixed this issue by removing flex: 1, it does cause an issue then were it might cut off the last part of the pdf. My solution for that was to just reduce the height by a fixed amount like height: Dimensions.get('window').height - 50

Seems to work ok