javascript - 在 React-Native 中，如何根据我的环境文件选择资产文件夹而不是另一个文件夹？

Question

我正在构建白标应用程序。

我有一个资产文件夹，其中包含每个品牌的一个图像文件夹和一个字体文件夹。

像这样：

assets/
   brand1/
      fonts/
      images/
        img1.png
        img2.png
        img3.png
   brand2/
      fonts/
      images/
        img1.png
        img2.png
        img3.png
src/

我的想法是在资产文件夹的根目录中有一个 index.js，我可以在其中根据我的环境文件导出相关的文件夹集。

虽然我不确定如何实现这一目标。

有什么提示吗？

（我担心的是我不想在我的每个组件中进行环境调节）

标签： javascriptreactjsreact-nativemodule

Answer 1

让我们假设您有两个环境；

.env.brand1 NAME=BRAND1 .env.brand2NAME=BRAND2

创建一个index.js文件，它的代码应该是这样的；

const images = {
    BRAND1: {
        logo: require('./brand1/brand1Logo.jpeg')
    },
    BRAND2: {
        logo: require('./brand2/brand2Logo.jpeg')
    }

}

export default images;

您现在可以在这样的任何文件中使用图像；

... other imports
import images from '#assets/index'

export default function () {
    
    ...other code 

    <Image source={images[Config.NAME].logo} />

}