React Native Android - 如何在ToolBarAndroid中设置标志图标？

我已经复制从阵营本地的UIExplorer为AndroidToolBar代码：！React Native Android - 如何在ToolBarAndroid中设置标志图标？

<ToolbarAndroid 
      logo={require('image!launcher_icon')} 
      navIcon={require('image!ic_menu_black_24dp')} 
      onIconClicked={() => this.drawer.openDrawer()} 
      style={styles.toolbar} 
      title={title} 
      />

但它似乎像图像launcher_icon和图像ic_menu_black_24d p的缺失。我得到一个缺少的错误：

这似乎是一些系统的烘烤图标。

如何使用此图标？
如何使用我自己的PNG文件？

来源

2016-03-17 Yaron Levi

这是旧的语法。它在最近的版本中已被更改。

<ToolbarAndroid 
    logo={require('./ic_launcher_icon.png')} 
    navIcon={require('./ic_menu_black.png')} 
    onIconClicked={() => this.drawer.openDrawer()} 
    style={styles.toolbar} 
    title={title} 
/>

看看这个指南https://facebook.github.io/react-native/docs/images.html#content https://facebook.github.io/react-native/docs/image.html#content

来源

2016-03-17 16:20:01

所以我需要手动添加ic_launcher_icon.png作为文件到我的文件夹树？ –

是的。以前，您必须将其添加到xcode或android studio中。现在您可以将其添加到文件树中。您也可以使用不同的分辨率后缀2x，3x等。查看本指南https://facebook.github.io/react-native/docs/images.html#content –

谢谢！帮了我很多！ –

尝试使用更新的语法和定义图像资源的正确路径，我已经取得了“图像”内部“应用程序”文件夹到我的所有图像保存在一个地方。你可以跳过它们。

<ToolbarAndroid style ={{height:56, backgroundColor:'#e0e0e0'}} 
       logo={require('./app/images/jd_home.png')} 
       title={"MyApp"} 
       actions={[{title: 'More', icon: require('./app/images/more.png'), show: 'always'}, 
         {title: 'Settings', icon: require('./app/images/settings.png'), show: 'always'}]} 
       />

来源

2017-01-06 11:57:48

React Native Android - 如何在ToolBarAndroid中设置标志图标？

回答

相关问题