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

Question

我已经从React Native的UIExplorer复制了AndroidToolBar的代码：

<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。我错过了一个错误：

这似乎是一个系统的烤制图标。

1. 我该如何使用此图标？
2. 如何使用自己的png文件？

Answer 1

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

<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

Answer 2

尝试更新语法并定义图像资源的正确路径，我在“app”中创建了“images”文件夹，将所有图像存储在一个地方。你可以跳过它们。

<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'}]}
               />