温馨提示:本文翻译自stackoverflow.com，查看原文请点击：javascript - React Native
javascript react-native jsx

javascript - 反应本机

发布于 2020-03-27 12:04:52

我目前正在使用React Native构建一个测试应用程序。到目前为止，Image模块一直运行良好。

例如，如果我有一个名为的图像avatar，则下面的代码段可以正常工作。

<Image source={require('image!avatar')} />

但是但是如果我将其更改为动态字符串，则会得到

<Image source={require('image!' + 'avatar')} />

我得到错误： 

需要未知模块“ image！avatar”。如果您确定模块在那里，请尝试重新启动打包程序。

显然，这是一个人为的示例，但是动态图像名称很重要。React Native是否不支持动态图像名称？

使用动态图像名称来响应本机错误

查看更多

查看更多

提问者
Shaheen Ghiassy
被浏览
228
分享
Colin Ramsay 2015-06-16 20:50

在文档“ 静态资源 ” 下的内容中对此进行了介绍：

引用捆绑中的图像的唯一允许方式是在源代码中按字面意义编写require（'image！name-of-the-asset'）。

// GOOD
<Image source={require('image!my-icon')} />

// BAD
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive';
<Image source={require('image!' + icon)} />

// GOOD
var icon = this.props.active ? require('image!my-icon-active') : require('image!my-icon-inactive');
<Image source={icon} />

但是，您还需要记住将图像添加到Xcode应用程序的xcassets捆绑包中，尽管从您的评论看来，您已经这样做了。

http://facebook.github.io/react-native/docs/image.html#adding-static-resources-to-your-app-using-images-xcassets

coderzzz18 2016-12-19 17:51:53

我应该在哪里添加图像，我在drawable文件夹中使用android的react native？

app_sciences 2017-01-16 07:19:29

上面的链接不正确，该文章现在位于facebook.github.io/react-native/docs/images.html

chanjianyi 2017-01-26 15:17:10

嗨，如果我有数百张图像需要怎么办？

Mo. 2018-05-11 08:26:18

@chanjianyi我处于相同情况：-(

最新帖子

1
请教： GO 编译器是如何判断某变量声明但未被使用的？
2
各位彦祖们，请问在 macos 中如何使用 ctrl+insert 复制 && shift+insert 粘贴呢
3
求教如何爬取油管评论呢？
4
PC 和小程序的后台接口要分离吗
5
火绒的杀毒，比 win10 自带的要好么？可是，我只想要火绒的网络进程监控和控制，怎么办？
6
后端接口如何做版本控制？
7
苹果 M1 mba 自带的 USB-C 充电线是没有数据传输视频信号能力的， Only 充电。
8
现在一家公司谈薪资中，但是要了我流水，然后压我工资,该怎么办
9
用 koa-jwt 比用 jsonwebtoken 到底有什么优点？
10
Google Cloud 不支持招商银行双币卡了？

最新文章

1
Angular - ngx-center 单运行时多项目共享依赖解决方案
2
一个为 博客文章/论文/数据 提供版权登记的工具，欢迎大家试用
3
自建 Gravatar 国内+全球镜像加速服务
4
追踪 Windows 10 鼠标旁边一个有一个漏斗在闪的原因和解决方法
5
程序员研发质量与效率的绩效指标设计
6
带你彻底搞懂什么是 DevOps
7
[开源] BlackDex，无需环境， Android 新姿势脱壳工具
8
如何在windows系统的bat批命令脚本里激活python3 venv虚拟环境
9
Python 代码安全指南
10
Java 代码安全指南.

相关问题

1
文字位置中心React Native
2
我该如何解决：“ Errno :: ENOENT
3
java.io.IOException：无法编写react-native run-android失败
4
无法在MapView或Camera上更改间距值
5
使用axios拦截器.request时error.response.data未定义
6
反应本机mapDispatchToProps不起作用
7
KeyboardAvoidingView不断调整高度
8
React Native KeyboardAvoidingView涵盖了最后的文本输入
9
如何在React Native中处理响应式布局
10
错误：无法从index.js中解析模块react：在项目中找不到反应