如何在react native应用程序中设置.env?如何在react-native中进行环境设置。
.env
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希望这个有用。
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`**
谢谢。
a9wyjsp73#
两个选项1)如果您使用的是带有原生代码的项目,则可以使用react-native-config,这为您提供了在Android和iOS项目文件中使用.env变量的额外好处。2)如果您正在使用expo,react-native-dotenv是最佳选择。
react-native-config
react-native-dotenv
qco9c6ql4#
对于那些在2023年使用expo的用户,他们的文档推荐了两个选项-docs.expo.dev/guides/environment-variables/请参阅此答案中的更多详细信息:stackoverflow.com/a/75417112/1550202
4条答案
按热度按时间nhaq1z211#
我使用'react-native-dotenv'包。安装它并将"react-native-dotenv"预设添加到项目根目录下的. babelrc文件中,如下所示:
然后创建一个. env文件并在其中添加您的属性,可能如下所示:
最后,你应该能够在你的src文件中使用它,就像这样:
如果你在使用这个软件包时遇到了问题,你可以在他们GitHub页面上找到进一步的解释,就在这里:https://github.com/zetachang/react-native-dotenv
希望这个有用。
monwx1rj2#
在React Native CLI中,首先安装https://www.npmjs.com/package/react-native-dotenv此软件包,然后在项目的Route文件夹中创建**. env**文件,并按如下方式设置URL
在此之后,创建Config. js文件在路由文件夹和导入您的URL如下
要使用这些URL,您可以简单地将配置文件导入任何您想要的文件,并像这样使用它//导入配置文件
//使用配置文件设置url
谢谢。
a9wyjsp73#
两个选项
1)如果您使用的是带有原生代码的项目,则可以使用
react-native-config
,这为您提供了在Android和iOS项目文件中使用.env
变量的额外好处。2)如果您正在使用expo,
react-native-dotenv
是最佳选择。qco9c6ql4#
对于那些在2023年使用expo的用户,他们的文档推荐了两个选项-docs.expo.dev/guides/environment-variables/
请参阅此答案中的更多详细信息:stackoverflow.com/a/75417112/1550202