ナビゲーションネームが反応ネイティブでレンダリングされない

Question

こんにちは、私は反応ネイティブでナビゲーションバーにハンバーガーアイコンでナビゲーションドロワーを作成しようとしています。私はナビゲーションバーを見ることができますが、ハンバーガーのアイコンを描画することができませんでした。私はここ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ファイルでツールバーのスタイルを実現するために..しかし、まだ