導航抽屜沒有得到渲染反應原生

嘿傢伙我是新的反應原生和嘗試建立與導航欄上的漢堡包圖標導航抽屜。我可以看到導航欄，但未能呈現漢堡包圖標。同樣的代碼是沒有得到渲染當我嘗試將其與其他屏幕集成這裏是我的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單獨運行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(); 
    } 
}

代碼它運行時不會顯示漢堡包圖標。當我嘗試與其他視圖集成時，它無法呈現。任何人都可以通過這個指導我嗎？

非常感謝。任何疑問或疑問都是受歡迎的。

來源

2016-07-06 atif

你能不能給我你的項目文件結構與快照圖像/圖標文件夾......

我不認爲你可以實現工具欄的風格是這樣的：

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

和發送我您的工具欄風格樣式太..

其更好地實現toolbar.js文件工具欄的風格..但還是讓我看看你的風格..第一

來源

2016-07-07 06:20:46 Riten

哎riten我已編輯我的問題你可以看看它。順便說一下，你可以指導我在哪裏存儲圖標，因爲我面臨的問題是沒有圖標在工具欄中得到渲染 – atif

文件夾結構是像：icons> color> menu.png所以嘗試像這樣的格式一次：navIcon = {require（' ../icons/color/menu.png'）} ..在你的情況下 – Riten

欲瞭解更多信息[點擊此處]（https://facebook.github.io/react-native/docs/image.html） – Riten

導航抽屜沒有得到渲染反應原生

回答

相關問題