如何在react本机中要求res文件夹中的图标？

Question

我在我的react本机项目上使用了ToolbarAndroid组件。我想知道如何从"projectFolder/android/app/source/main/res/**“目录中要求一个图标，比如"ic_launcher.png”。我认为ReactiveNative知道哪个图标最适合使用。我不想使用任何字体库，如“反应-本机-矢量-图标”。

感谢你的帮助。

我的代码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

正如我所说的，需要(‘./icLauncher.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的高度，否则它就不会显示。

​

​