React native 如何要求react native中的res文件夹中有图标？

我在react原生项目中使用了一个Android组件。我想知道如何从“projectFolder/android/app/source/main/res/**”目录中要求图标，如“ic_launcher.png”。我想React Native知道哪个图标最适合使用。我不想使用任何字体库，例如“react native vector icons”

谢谢你的帮助

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

import React，{Component}来自'React'；
进口{
工具栏安卓
}从“反应本机”；
常量工具栏=（）=>(
);
导出默认工具栏；

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

将ic_launcher.png放入项目文件夹

然后建造

以下是我的测试代码：

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

{this.props.nav.pop（）；}
行动={[
{
标题：“设置”，
图标：require（'./1.jpg'），
节目：“永远”
}
]}
style={styles.toolbar}
/>

它可以工作，顺便说一句，你的代码应该设置Android的高度，否则它不会显示

---

您需要（'./ic\u launcher.png'），因此ic\u launcher.png应该位于项目的根目录，而不是res目录。如果你想把它放在res目录下，那么改成

require（'./path/to/ic_launcher.png'）

应该可以。你好@KaiWen，谢谢你的回答，这很好。但是，我想知道React Native如何处理“res”目录上的图标。在本机应用程序上，Android知道如何使用最好的“res”图像。react是如何处理这个问题的？@PabloDarde希望这对你有所帮助，“您还可以使用

@2x

和

@3x

后缀提供不同屏幕密度的图像…包装商将捆绑并提供与设备屏幕密度对应的图像。例如，

check@2x.png

，将在iPhone 7上使用，而

check@3x.png

将用于iPhone 7 Plus或Nexus 5。如果没有与屏幕密度匹配的图像，将选择最接近的最佳选项。”