如何自定义 app.json 以使用 Expo 构建白标应用

Posted 2023-02-19

【中文标题】如何自定义 app.json 以使用 Expo 构建白标应用

【英文标题】：How to customize app.json to build a whitelabel app with Expo

【发布时间】：2019-05-15 17:32:11

【问题描述】：

我有一个使用 React Native 和 Expo 编写的应用程序，我需要创建大约 20 个几乎相同但具有不同后端和一些样式的应用程序。我有一个想法如何做到这一点，但是当我为每个构建使用不同的 app.json 而不每次都手动更改它时，我被困住了。当然，每个单独的应用程序都需要使用自己的名称和图标。那我该怎么做呢？

【参考方案1】：

迟到的答案来了。希望它在某些方面仍然与您相关。

截至今日，除了静态app.json配置文件外，还可以在app.config.js中编写动态配置。

因此，您可以使用app.config.js 定义每个白标设置。然后，您可以使用环境变量以特定的白标配置启动您的应用。

例如，您可以通过以下方式为每个白标设置不同的应用名称。

启动博览会的命令：BRAND=WHITELABEL_1 expo start 和 BRAND=WHITELABEL_2 expo start，具体取决于您要启动的白标。

app.config.js文件：

const names = 
    WHITELABEL_1: 'White-label 1 Name',
    WHITELABEL_2: 'White-label 2 Name',
;

const name = names[process.env.BRAND];

export default  name ;

这就是我在 Expo 中处理白标的方式。