时间戳

首页 > 解决方案 > 如何自定义 app.json 以使用 Expo 构建白标应用

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

问题描述

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

标签： react-nativeexpowhite-labelling

解决方案

迟到的答案来了。希望它在某种程度上仍然与您相关。

到今天为止，除了静态app.json配置文件之外，还可以在app.config.js.

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

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

启动 expo: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 进行白标处理的方式。

推荐阅读