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

这是代码 -

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

而且,这是输出 -

enter image description here

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