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

Question

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

Answer 1

两个选项

1）如果您正在使用带有本机代码的项目，则可以使用react-native-config。这给您带来了更多好处，即可以在Android和iOS项目文件中使用.env变量。

2）如果您正在使用博览会，则react-native-dotenv是您的最佳选择。

Answer 2

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

{
  "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

希望这会有所帮助。