Navigator和ListView之间的边距反应原生android

Question

我正在为React Native编写专门针对Android的应用程序，我相信Navigator和List View存在一些问题。 在render（）中，我渲染了一个导航器。在导航器的renderscene（）中，我返回一个ListView。 ListView和Navigator显示在页面上。 但是，ListView在导航器下方显示一层，因此ListView的一些初始行隐藏在导航器下方。

这是代码 -

＆＃13;

＆＃13;

 render() {
    return (
      <Navigator
          renderScene={this.renderScene.bind(this)}
          navigator={this.props.navigator}
          navigationBar={
            <Navigator.NavigationBar style={{backgroundColor: '#246dd5', alignItems: 'center'}}
                routeMapper={NavigationBarRouteMapper} />
          } />
    );
  }
  
  
  renderScene(route, navigator) {
    
        return (
            <ListView
                 dataSource={this.state.dataSource}
                 renderRow={this.renderState.bind(this)}
                 // renderScrollComponent={props => <RecyclerViewBackedScrollView {...props} />}
                 renderSeparator={(sectionID, rowID) => <View key={`${sectionID}-${rowID}`} style={styles.separator} />}
                 style={styles.listView}
                 enableEmptySections={true}
            />
        );
  }

＆＃13;

＆＃13;

＆＃13;

而且，这是输出 -

请告诉我一个解决方案，以便ListView在同一层上的导航栏之后启动。 提前谢谢。