I click on input and open keypad so header move even I using navigation header

I also try scrollview element but I didn't get any solution I want to header sticky on top.

I am using this code

<View style={styles.test}><Stack.Navigator><Stack.Screen        name="Home"        component={ProgressBar}        options={{          headerStyle: {            backgroundColor: '#f4511e',            position:'relative',            top:0,            height:hp("10.1%"),            flexGrow: 1,            position:"absolute",            top:0          },          // headerTitle: props => <LogoTitle {...props} />,          headerRight: () => (<CButton              onPress={() => alert('This is a button!')}              title="Info"              color="#fff"            />          ),        }}          />

I also try this one.

<KeyboardAvoidingView   style={styles.gradientImg}   contentContainerStyle={{ flexGrow: 1 }} scrollEnabled></KeyboardAvoidingView>