React Native - 图像标签需要警告答案

【问题标题】：React Native - Image tag require warningReact Native - 图像标签需要警告
【发布时间】：2022-06-22 15:16:32
【问题描述】：

在下面的代码中，我尝试使用我创建的本地路径显示图像，以导航到项目中的特定目录。

例如：

props.item.url = 'assets/logos/some-id/some-image-name.png'

<Image source={require(`../../../../${props.item.url}`)} style={{ width: "100%", height: "100%" }} resizeMode={"contain"} />

看下面的警告，不同文件中出现了一些警告

编译时带有警告。 ./components/menu/sub-menu/new/templates/test.json 模块解析失败：在位置 7651 的 JSON 中出现意外的令牌 {，而在 '...“方向”附近进行解析：1 }

{ “锁”：2， ...' 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders SyntaxError: Unexpected token { in JSON at position 7651 while paring near '..."direction": 1 }

{ “锁”：2， ...' 在 JSON.parse() 处

./services/localization/config/translate_thai.json 模块解析失败：在“... TeamShortName”附近解析时，JSON 中位于位置 165 的意外令牌：{ }, “小队……” 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders SyntaxError：在“... TeamShortName”附近解析时，JSON 中位于位置 165 的意外标记：{ }, “小队……” 在 JSON.parse() 处

【问题讨论】：

标签： reactjs image warnings native

【解决方案1】：

您可以尝试创建一个变量来创建每个图像的 url。也许使用这个：React Native - Image Require Module using Dynamic Names

【讨论】：

【解决方案2】：

<Image source={{require("../picture/View.png")}} style={{height:"20%",width:"20%}}/>

【讨论】：