Parallax with tab in react native - react-native

Question

I am trying to create parallax with tab screen. This is the screen that I have created:
In this screen the tab scroll upward before completing the list but I want that the tabs scroll after the list in tabs completed Here is the code:
<Tabs
prerenderingSiblingsNumber={3}
onChangeTab={({ i }) => {
this.setState({ height: this.heights[i], activeTab: i });
}}
renderTabBar={props => (
<Animated.View
style={[
{
zIndex: 1,
width: "100%",
backgroundColor: '#fff'
},
Platform.OS === "ios" ? { paddingTop: 20 } : null
]}
>
<ScrollableTab
{...props}
renderTab={(name, page, active, onPress, onLayout) => (
<TouchableOpacity
key={page}
onPress={() => onPress(page)}
onLayout={onLayout}
activeOpacity={0.4}
>
<Animated.View
style={{
flex: 1,
height: 100,
backgroundColor: 'grey'
}}
>
<TabHeading
scrollable
style={{
backgroundColor: "transparent",
width: SCREEN_WIDTH / 3
}}
active={active}
>
<Animated.Text
style={{
fontWeight: active ? "bold" : "normal",
color: 'black',
fontSize: 14
}}
>
{name}
</Animated.Text>
</TabHeading>
</Animated.View>
</TouchableOpacity>
)}
underlineStyle={{ backgroundColor: this.textColor }}
/>
</Animated.View>
)}
>