如何要求res文件夹中的图标作出反应？

Question

我在反应原生项目中使用ToolbarAndroid组件。我想知道如何从＆＃34; projectFolder / android / app / source / main / res / **＆＃34;中取一个图标，例如＆＃34; ic_launcher.png＆＃34;目录。我认为React Native知道哪个图标最适合使用。我不想使用任何字体库，例如＆＃34; react-native-vector-icons＆＃34;。

感谢任何帮助。

我的代码 Toolbar.js ：

import React, { Component } from 'react';

import {
  ToolbarAndroid
} from 'react-native';

const Toolbar = () => (
  <ToolbarAndroid
    logo={require('./ic_launcher.png')}
    title="AwesomeApp"
    actions={[
      {
        title: 'Settings',
        icon: require('./ic_launcher.png'),
        show: 'always'
      }]}
  />
);

export default Toolbar;

Answer 1

正如我所说，require（'。/ ic_launcher.png'），因此ic_launcher.png应位于项目的根目录，而不是res目录。如果你想在res目录下，那么更改为require（'。/ path / to / ic_launcher.png'）应该可以工作。

1. 将ic_launcher.png放在projectFolder
上
2. 然后构建

这是我的测试代码：

<ToolbarAndroid
    logo={require('./1.jpg')}
    title="AwesomeApp"
    onIconClicked={()=>{this.props.nav.pop();}}
    actions={[
        {
            title: 'Settings',
            icon: require('./1.jpg'),
            show: 'always'
        }
    ]}
    style={styles.toolbar}
/>

可行， BTW ，您的代码应设置ToolbarAndroid的高度，否则将无法显示。