首先确保电脑上装了nodejs 环境 androidstudio vscode开发工具 xcode
说明:因为公司项目改了作者的依赖模块,所以这里需要在生成的node_modules文件夹下面替换自己修改的依赖。
Android编译apk文档
第一步:编译进去 yarn生成node_modules目录
第二步:终端进去工程根目录找到node_modules替换其中的
@react-native-community/viewpager。
第三步:可能很多时候,androidstudio编译失败在android目录下的build.gradle文件下配置阿里云的maven地址:
maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'}
第四步:然后androidstudio点击运行按钮 即可开始调试
第五步:安卓手机运行之后看到效果,这个时候在进入终端执行npm start
之后,摇动手机 最下面有一个setting的选项设置本手机的IP地址:8081端口
IOS模拟器调试运行步骤
第一步:找到工程目录下的node_modules目录下的react/base/目录下替换 RCTModuleMethod.mm文件
第二步:找到项目工程的iOS目录下的.xcodeproj文件 以xcode方式打开
第三步:然后在xcode工程下选择对应的iOS的模拟器设备
第四步:模拟器的快捷键是cmmand+R
IOS真机运行步骤
第一步:使用xcode打开工程下面的.xcodeeproj文件,选择真机调试
如果报错 可能是因为没有添加appID
点击xcode菜单栏目
选择preference选项,然后选择Accounts选择+号 选择apple ID选项
选择所用的苹果的apple iD账号登陆调试即可 (一般要接收手机验证码)