《React Native之从 0 到 1 》—— 真机调试篇

  1. 手机和电脑连在同一个 wifi 环境(局域网)下,获取电脑的 IP 地址
    <img src="http://upload-images.jianshu.io/upload_images/1495175-446eb748771af49b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/450" width = "100" height = "80" alt="获取电脑 IP 地址" align=center />
  2. localhost 修改为你电脑的 IP 地址
  • 方法一:将 jsLocation 设置为自己电脑的 IP 地址
NSURL *jsCodeLocation;
    [RCTBundleURLProvider sharedSettings].jsLocation = @"10.169.3.167";
    jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
    RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                    moduleName:@"AObjectiveCAndRractNative"
                                                 initialProperties:nil
                                                     launchOptions:nil];
    rootView.frame = _vReactNative.bounds;
    [_vReactNative addSubview:rootView];
  • 方法二:将 RCTBundleURLProvider.m 文件中 - (NSString *)guessPackagerHost 方法中的 localhost 替换为你电脑的 IP 地址
NSString *host = ipGuess ?: @"10.169.3.167";
  1. 选择手机,直接 Run 即可
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 近段时间来,关于移动客户端方面的动态化解决方案有了不少。之前的JSPatch,滴滴的解决方法:DynamicCoc...
    i_belive阅读 6,752评论 0 4
  • *面试心声:其实这些题本人都没怎么背,但是在上海 两周半 面了大约10家 收到差不多3个offer,总结起来就是把...
    Dove_iOS阅读 27,348评论 30 472
  • React Native 是最近非常火的一个话题,介绍如何利用 React Native 进行开发的文章和书籍多如...
    零度_不结冰阅读 3,966评论 0 1
  • 没事写个记录, 也算是温故而知新吧. 如下效果: react-native-cli和npm安装不在本文范围.以下r...
    hello老文阅读 10,509评论 8 11
  • 我的青春兵荒马乱
    红衣白雪阅读 1,553评论 0 0