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

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

2020.06.09 16:29 671浏览

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文件中定义的配置了。
图片描述

这样就可以啦

点击查看更多内容

本文原创发布于慕课网 ,转载请注明出处,谢谢合作

0人点赞

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

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消