导航抽屉未在 react-native 中呈现

Question

大家好，我是 react-native 的新手，我正在尝试在导航栏上构建带有汉堡图标的导航抽屉。我可以看到导航栏，但无法呈现汉堡图标。当我尝试将代码与其他屏幕集成时，代码也没有被渲染 这是我的toolbar.js代码

class toolbar extends Component {
  render(){
    var navigator = this.props.navigator;
    return (
    <ToolbarAndroid
     title={this.props.title}
     navIcon={require('./img/menu.png')}
     style = {styles.toolbar}
     titleColor={'white'}
     onIconClicked={this.props.sidebarRef}/>
    );
  }
}

以及 OpenDrawerFromToolbar.js 代码

var navigationView = (
    <ScrollView>
      <View style={{flex: 1, backgroundColor: '#fff'}}>
      <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>I m in the Drawer!</Text>
      </View>

    </ScrollView>
);

return (
  <DrawerLayoutAndroid
    drawerWidth={windowsWidth/1.5}
    drawerPosition={DrawerLayoutAndroid.positions.Left}
    renderNavigationView={() => navigationView}
    ref={'DRAWER'}>
    <Toolbar style={styles.toolbar}
        title={'Calendar'}
        navigator={this.props.navigator}
        sidebarRef={()=>this._setDrawer()}/>
    <View style={{alignItems: 'center', backgroundColor: 'blue'}}>
      <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>Hi MiaMia</Text>
    </View>
  </DrawerLayoutAndroid>
);
}

 _setDrawer() {
   this.refs['DRAWER'].openDrawer();
  }
 }

当单独运行 OpenDrawerFromToolbar.js 时，它会在不渲染汉堡图标的情况下运行。当我尝试与其他一些视图集成时，它无法呈现。有人可以指导我吗？

提前非常感谢。欢迎任何疑问或疑问。

Answer 1

您能否将您的项目文件结构快照与您的图像/图标文件夹发送给我.. ...

我认为你不能像这样实现工具栏样式：

<Toolbar style={styles.toolbar} //here is the error 
 title={'Calendar'} 
 navigator={this.props.navigator} 
 sidebarRef={()=>this._setDrawer()}/>

把你的工具栏样式样式表也发给我..

最好在toolbar.js文件中实现工具栏样式..但还是让我先看看你的样式..