将图像放在反应原生项目中的位置？

Question

我正在开发一个本机反应项目，我们正在将图像放在/images/文件夹中。这对他们来说是一条好路吗？有没有最好的做法？

Answer 1

您可以将图像文件夹添加到src（src / image / index.js）。图像文件夹添加index.js文件创建并添加整个应用程序图像。 在index.js文件集中

<Image source={ IMAGENAME } />

导入图像文件夹时

swapIfAdjacent a b (x:y:xys) | (a, b) == (x, y) || (b, a) == (x, y) = y:x:xys
                             | otherwise = x : swapIfAdjacent a b (y:xys)
swapIfAdjacent _ _ xys = xys

使用图片：

elem

您可以将图像添加到图像文件夹并将路径设置为索引文件。 希望这会对你有所帮助。

Answer 2

要向您的应用添加静态图片，请将其放在源代码树中的某个位置，并像这样引用它：

<Image source={require('./my-icon.png')} />

请参阅以下链接以获取更多解释：

https://facebook.github.io/react-native/docs/images.html

Answer 3

在image assets文件夹中，创建index.js文件并输入以下内容：

    const images = {
        main_bg: require('./background.png'),
        main_logo: require('./auth/home_title.png'),
        ///you can add more many images like this here.
    };


module.exports = images;

使用图像时，您可以这样做：

从＆＃39; ../../ assets / index＆＃39;中导入图片; ...