react-native-config的多环境配置

在web应用开发过程中,开发者可以使用process.env.NODE_ENV === 'development'来判断是开发环境还是生产环境,以确定不同环境下的代码逻辑。在react native 中我们不能使用这种方式判断环境,但是可以通过第三方库react-native-config来配置——

  1. yarn add react-native-config
  2. cd ios, 然后pod install
  3. 对于安卓应用还需要找到android/app/build.gradle,加入下面的代码,手动将插件应用到android应用程序
apply from: project(':react-native-config').projectDir.getPath() +"/dotenv.gradle"

在这里插入图片描述

  1. 在与Android 和ios平级的目录下创建名为.env的文件,文件中加入下面的配置
API_URL=https://myapi.com
  1. 在app.tsx引入
import Config from 'react-native-config';

在app.tsx中便可以通过Config.API_URL 获取到定义到的变量

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值