我们如何在 React Native 应用程序中设置 .env？答案

【问题标题】：How can we set up .env in react native application?我们如何在 React Native 应用程序中设置 .env？
【发布时间】：2018-10-31 18:35:50
【问题描述】：

我们如何在 React Native 应用程序中设置 .env？如何在 react-native 中进行环境设置。

【问题讨论】：

对于ios，我使用.plist文件，对于android，flavors。

标签： react-native environment-variables

【解决方案1】：

我使用“react-native-dotenv”包。安装它并将“react-native-dotenv”预设添加到项目根目录下的 .babelrc 文件中，如下所示：

{
  "presets": ["react-native", "react-native-dotenv"]
}

然后创建一个 .env 文件并在那里添加你的属性，可能是这样的：

YOUR_FIELD="value"

最后，您应该可以在您的 src 文件中使用它，如下所示：

import { YOUR_FIELD } from 'react-native-dotenv';
console.log(YOUR_FIELD) // prints "value"

如果您在使用这个包时遇到问题，那么您可以在他们的 GitHub 页面中寻找进一步的说明，就在这里： https://github.com/zetachang/react-native-dotenv

希望这会有所帮助。

【讨论】：

发现这篇文章用截图向我解释更多：freecodecamp.org/news/…
注意（这里是维护者）：确保将v2.x.x 中的react-native-dotenv 移动到plugins 并将import { YOUR_FIELD } from 'react-native-dotenv'; 更改为import { YOUR_FIELD } from '@env';

【解决方案2】：

两种选择

1) 如果您正在使用带有原生代码的项目，您可以使用react-native-config。这为您提供了在 android 和 iOS 项目文件中使用 .env 变量的额外好处。

2) 如果您使用 expo，react-native-dotenv 是您的最佳选择。

【讨论】：

【解决方案3】：

在 React Native CLI 中先安装https://www.npmjs.com/package/react-native-dotenv这个包然后在项目的路由文件夹中创建 .env 文件并像这样设置网址 REACT_APP_API_BASE_URL='https://api/v1' REACT_APP_BT_AUTHORIZATION='..vynf6nzv'

在此之后，在路由文件夹中创建 Config.js 文件并像这样导入您的 URL

从“@env”导入 {REACT_APP_BASE_URL, REACT_APP_API_BASE_URL}；

导出默认{ REACT_APP_BASE_URL， REACT_APP_API_BASE_URL， };

使用这些 URL 您可以简单地将配置文件导入您想要的任何文件中并像这样使用它 //导入配置文件从'../../../config'导入配置；

//使用配置文件设置url ${config.REACT_APP_API_BASE_URL}/user_requests

谢谢..

【讨论】：