react-native - react native如何设置环境变量

Question

我正在制作一个反应本机应用程序，该应用程序向我托管在 heroku 上的服务器发出请求。

我应该隐藏我的服务器的 URL，如果是这样，我如何将环境变量添加到 react native 项目中？

我做了一个.env文件，然后做了这个：

console.log(process.env.URL)

哪个返回未定义 - 如果这有所作为，我也在使用 expo。

标签： react-nativeenvironment-variablesexpo

Answer 1

如果您使用 Expo，有一种创建环境变量的简单方法。

在你的app.json文件中

{
 "expo": {
   "extra": {
     "URL": "https://..."        
   }
 }
}

之后，您将需要安装该expo-constant软件包。

expo install expo-constants

并且，要在您的应用中获取信息：

import Constants from "expo-constants";

console.log(Constants.manifest.extra.URL);