如何在react原生应用程序中设置.env?

5uzkadbs  于 2023-02-13  发布在  React
关注(0)|答案(4)|浏览(215)

如何在react native应用程序中设置.env?如何在react-native中进行环境设置。

nhaq1z21

nhaq1z211#

我使用'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
希望这个有用。

monwx1rj

monwx1rj2#

在React Native CLI中,首先安装https://www.npmjs.com/package/react-native-dotenv此软件包,然后在项目的Route文件夹中创建**. env**文件,并按如下方式设置URL

REACT_APP_API_BASE_URL='https://api/v1'
REACT_APP_BT_AUTHORIZATION='....vynf6nzv'

在此之后,创建Config. js文件在路由文件夹和导入您的URL如下

import {REACT_APP_BASE_URL, REACT_APP_API_BASE_URL} from '@env';

export default {
  REACT_APP_BASE_URL,
  REACT_APP_API_BASE_URL,
};

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

import config from '../../../config';

//使用配置文件设置url

**`${config.REACT_APP_API_BASE_URL}/user_requests`**

谢谢。

a9wyjsp7

a9wyjsp73#

两个选项
1)如果您使用的是带有原生代码的项目,则可以使用react-native-config,这为您提供了在Android和iOS项目文件中使用.env变量的额外好处。
2)如果您正在使用expo,react-native-dotenv是最佳选择。

qco9c6ql

qco9c6ql4#

对于那些在2023年使用expo的用户,他们的文档推荐了两个选项-docs.expo.dev/guides/environment-variables/
请参阅此答案中的更多详细信息:stackoverflow.com/a/75417112/1550202

相关问题