初识ReactNative

1.简介
关于reactNative的简介我在这里面就不多说了。就简单的说一下为什么选择Reactnative吧。选择它有两点原因:首先它是大公司facebook出品的能够实现ios、android、web三端统一的框架。其次就是热更新。
2.环境的搭建
直接自己去看中文文档
这里面有详细的讲解如何去搭建这个框架的开发环境。
3.调试
集成成功之后大家最关心的就是如何去运行这个Demo
ios端需要修改一些地方代码:首先用Xcode打开程序、查找RCTWebSocketExecutor,并将代码修改如下:

- (void)setUp
{
  if (!_url) {
    NSInteger port = [[[_bridge bundleURL] port] integerValue] ?: RCT_METRO_PORT;
// 将这个localhost修改为你的计算机的本地网络地址
      NSString *host = [[_bridge bundleURL] host] ?: @"192.168.1.8:8081";
    NSString *URLString = [NSString stringWithFormat:@"http://%@:%lld/debugger-proxy?role=client", host, (long long)port];
    _url = [RCTConvert NSURL:URLString];
  }

android真机调试:
通过Developer Menu下的Dev Settings设置你的电脑的ip来调试。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本人小白,也是最近才开始学习ReactNative,只是想记录自己的学习历程,供日后查阅复习,文中有任何错误或者不...
    小唐羽锋阅读 1,357评论 0 51
  • 初识React Native 2015年3月26日,FaceBook公司正式对外发布了React Native 更...
    koala_阅读 3,126评论 0 7
  • 公司打算用react-native开发APP,初始RN遇到了很多坑,搭建了一个小的项目框架,结合redux根据公司...
    45b645c5912e阅读 736评论 0 5
  • 简述 我是在17年10月份开始接触ReactNative的,当时是听同事说这个语言的开发效率很高,兼容性还不错,恰...
    WindFlyCloud阅读 252评论 0 1
  • 喜欢一个地方,都是有原缘的。因人、因物、因景、因情。 平生最大的爱好,便是有机会出去走走,说的好听些是给心灵放个假...
    红豆面包淡咖啡阅读 166评论 0 1