Json 世博会中的动态本地图像?

Json 世博会中的动态本地图像?,json,reactjs,react-native,expo,Json,Reactjs,React Native,Expo,我正试图使用JSON文件中的本地图像路径,正如前面文章中所建议的,但这不是渲染 我已经用一个静态参考测试了图像链接,并且这个工作正常,所以图像路径是正确的。但是,从JSON文件引用路径会导致错误 我已经用我的代码片段和错误日志创建了一个要点: 任何帮助都将不胜感激 我不确定“card”:“require('../assets/images/icon.png')”是否正常工作,您应该在require周围没有引号的情况下尝试: <Image source={require(marker.

我正试图使用JSON文件中的本地图像路径,正如前面文章中所建议的,但这不是渲染

我已经用一个静态参考测试了图像链接,并且这个工作正常,所以图像路径是正确的。但是,从JSON文件引用路径会导致错误

我已经用我的代码片段和错误日志创建了一个要点:

任何帮助都将不胜感激

我不确定
“card”:“require('../assets/images/icon.png')”
是否正常工作,您应该在require周围没有引号的情况下尝试:

<Image
  source={require(marker.images.card)}

我在ES6中用反斜杠${`}找到了这种方法

const Level_2_8=()=>{
常量t=`./wait.png`
开关(电平){
案例61:返回()
打破
案例62:返回()
打破
默认值:()
}

}
此方法很好,RN可以使用这种类型的填充,因为删除引号会使其不再是字符串,从而引发错误。另外,原始代码中的控制台日志显示没有解析引号。如果只将路径放在json中,将require放在image组件中,会发生什么?这应该行得通,我认为当require是字符串的一部分时,它不会由RN执行。编辑答案这也会导致相同的错误。我已经尝试了多次尝试,并且尝试了不同的方法,似乎JSON文件的路径很简单,不受支持?我见过的唯一有效的方法是在文件本身的条件语句中声明变量的方法:解决方案是将JSON文件转换为标准的
.js
文件,在变量名称之前添加
export const
,并删除
require
语句周围的引号。同时删除键周围的引号。是的,这就是我在应用程序中所做的。但是我认为你需要它在.json中,所以我没有提到它。很抱歉,祝你的应用好运。
"card": "../assets/images/icon.png"