为了账号安全,请及时绑定邮箱和手机立即绑定

17-4 react-native-config在iOS端的配置

标签:
React Native

react-native-config的配置

安装

yarn add react-native-config

ios端需要添加原生链接

cd ios && pod install && cd ..

在iOS端,如果我们仅仅是想在原生代码中使用配置,在完成上面的步骤之后就可以使用了

// import header
#import "ReactNativeConfig.h"

// then read individual keys like:
NSString *apiUrl = [ReactNativeConfig envFor:@"API_URL"];

// or just fetch the whole config
NSDictionary *config = [ReactNativeConfig env];

但是想要在Build settings 和Info.plist中使用的话,那么还需要进行一番配置才行

比如说iOS的项目名称就是在info.plist中配置的,

接下来,我们就来配置一下如何在info.plist中使用env里面的值

第一步,我们打开项目,进入ios目录,双击ximalaya.xcworkspace,这样就可以打开xcode了,
右键项目名,点击newFile菜单
图片描述
,创建一个配置文件
图片描述
将其保存为ios文件夹Config.xcconfig,选中Targets里面的ximalaya
图片描述
添加

#include? "tmp.xcconfig"

图片描述

再将以下内容添加到.gitignore中,tmp.config文件是动态生成的,不用提交到git。

# react-native-config codegen
ios/tmp.xcconfig

应用刚刚创建的config配置,Debug和Release都要做同样的配置
图片描述

点击targets的ximalaya,打开 build phase
图片描述
点击加号,创建一个脚本,选择new Run Script Phase
图片描述
图片描述

"${SRCROOT}/../node_modules/react-native-config/ios/ReactNativeConfig/BuildXCConfig.rb" "${SRCROOT}/.." "${SRCROOT}/tmp.xcconfig"

最后,我们就可以在info.plist中使用在.env文件中定义的配置了。
图片描述

这样就可以啦

点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
104
获赞与收藏
33

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消