javascript - react-native - 图片需要来自 JSON 的本地路径

Question

你好社区 :) 我正在使用 react-native 开发一个测试应用程序，并尝试从本地存储位置获取图像。实际我在做什么:我将图像直接链接源提供给 var 并在我的渲染函数中调用此方法。

*react: ^0.14.8 ||*
*react-native: ^0.23.1||*
*npm: 2.15.1 ||*
*node: v4.4.4*

Working:

ImageCall-文件 (Imagefile.js)

var samplepicture;

setPicture(){
    samplepicture= require('./images/picture.png')
}
render() { 
    this.setPicture; 
    return(
        <Image source=samplepicture/>
    ); 
}

上面的代码片段在创建的类中工作，该类以 (Imagefile.js) 命名

上面的方法工作得很好。

现在我想去哪里 > 我想将图像文件保存在一个单独的 js 文件中，该文件的样式类似于 JSON 对象。

Not working:

JS_JSON_File (pictureRef.js)

module.exports = {
    "pictureRef": 
{
    "picture": './images/picture.png'
}}

ImageCall_File (Imagefile.js)

var pictureRef = require('./pictureRef.js');
var samplepicture;

setPicture(){
    samplepicture= require(pictureRef.pictureRef.picture);
}
render() { 
    this.setPicture; 
    return(
        <Image source=samplepicture/>
    ); 
}

Debug the samplepicture: samplepicture = ./images/picture.png

不确定它是否相关，但因为它是一个字符串，所以它的格式没有 ' '。另请记住，我需要通过 setPicture() 函数为我的代码设置图像源。

*我调试了两个版本的代码并得到了相同的输出:

• 版本 1:samplepicture = ./images/picture.png
• 版本 2:samplepicture = ./images/picture.png

*

请记住，这是我的第一个问题，我真的希望能正确格式化所有内容。我还搜索了许多相关问题，但没有找到任何解决方案

感谢您的帮助。

Answer 1

似乎与此相似 issue1 issue2

我想如果你使用 require() 添加你的图像，你应该给一个静态路径，而不是一个变量。因为他们需要知道要捆绑的特定图像源。使用 json 就像一个不确定的来源，所以它不起作用现在有一个公关，