React Native ScrollViewが長いときTabNavigatorが隠れています

Question

私はこのライブラリのTabNavigatorを使用していますhttps://reactnavigation.org/docs/navigators/tab と私はScrollViewを持っています。これは本当に長く、タブは隠れています。ここ

コードは次のとおりです。

const TabNav = TabNavigator({ 
    Home: { 
     screen: Home, 
     navigationOptions: { 
      title: 'Home', 
      headerLeft: null 
     } 
    }, 
    Notes: { 
     screen: Notes, 
     navigationOptions: { 
      title: 'Notes', 
      headerLeft: null 
     } 
    }, 
    Tasks: { 
     screen: Tasks, 
     navigationOptions: { 
      title: 'Tasks', 
      headerLeft: null 
     } 
    }, 
    Events: { 
     screen: Events, 
     navigationOptions: { 
      title: 'Events', 
      headerLeft: null 
     } 
    } 
}, { 
    tabBarOptions: { 
     activeTintColor: 'green' 
    }, 
}); 


const plannings = StackNavigator({ 
    Login: { 
     screen: Login, 
     navigationOptions: { 
      header: null 
     } 
    }, 
    Register: { 
     screen: Register, 
     navigationOptions: { 
      header: null 
     } 
    }, 
    Home: { 
     screen: TabNav 
    } 
}, { 
    headerMode: 'screen' 
}); 

Answer 1

私はこの解決策を見つけ、それが私の作品：

<View style={{flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'blue'}}> 
    <View style={{height: 400, width: 400}}>     
     <ScrollView> 
     <View style={{backgroundColor: 'green'}}> 
      // Your data here 
     </View> 
     </ScrollView> 
     <TextInput style={{backgroundColor: '#c4c4c4dd', position: 'absolute', bottom: 0, left: 0, right: 0}} /> 
    </View> 
    </View>