React Native集成到现有项目(非cocoa pods)

  • 将一个现有的ios项目添加react native支持时,有以下几个关键步骤:

    • 在项目里新建一个group,然后在node_modules下面找到ReactLibraries两个文件夹,将这两个文件夹下的.xcodeproj文件引入到我们创建的group中。
    • 找到项目的build settings配置,在Header Search Paths下面新增一个地址,定位到node_modules/react-native/React目录下,选择递归(recursive)。
    • 找到项目的build phases配置,找到Link Binary With Libraries,将步骤1里面的.a文件全部引入即可完成配置。
    • 找到项目的Other Linker Flags配置,添加-ObjC-lc++标志?
  • 在引入RCTRootView时,官网的代码里是少了一个参数,即initialProperties参数,我们要在自己的代码里添加这个参数,传nil即可。
  • 在moduleName里边填入module name, 在js里面注册对应的module name
  • react native内置的api毕竟还不能满足所有的需求,有时也会自己写一些接口来供js调用,下面列举一些需要注意的点:
  • 由于oc是多线程(GCD)的,上文也说到在执行javascript时是在javascript的线程中进行的,所以在写接口时,如果需要调用非javascript线程的逻辑,就需要在主线程进行,即在业务代码前获取到主线程即:
dispatch_async(dispatch_get_main_queue(),^ {
    [nav pushViewController:cg animated:YES];
});

4 在自定义接口时,我们在oc端定义的方法时,如果有参数,那么js端一定要传这个参数,如果没有定义参数,js端也不能传参数,这可能和js以往的语法不太一样,即使定义的一个方法,我传不传都不会报错,但是在oc是不行的,必须严格按照定义方法时的格式来传递。

时间: 2024-10-15 02:52:29

React Native集成到现有项目(非cocoa pods)的相关文章

React Native集成到Android项目当中

集成到Android项目当中 安装JavaScript依赖包 在项目根目录下创建一个名为package.json的空文本文件,然后填入以下内 { "name": "MyReactNativeApp", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/r

Angular团队发布路线图,并演示如何与React Native集成

本文来源于我在InfoQ中文站翻译的文章,原文地址是:http://www.infoq.com/cn/news/2015/06/angular-2-react-native-roadmap 前不久在旧金山举行的Angular U大会上,Brad Green.Igor Minar与Misko Hevery共同发表了演讲,重新阐述了年初在ng-conf大会的声明,并给出了2015年下半年关于Angular的路线图. Minar展示了3月份以来Angular所取得的一些新进展.值得注意的是,这些都是一

Angular团队公布路线图,并演示怎样与React Native集成

本文来源于我在InfoQ中文站翻译的文章,原文地址是:http://www.infoq.com/cn/news/2015/06/angular-2-react-native-roadmap 前不久在旧金山举行的Angular U大会上,Brad Green.Igor Minar与Misko Hevery共同发表了演讲,又一次阐述了年初在ng-conf大会的声明,并给出了2015年下半年关于Angular的路线图. Minar展示了3月份以来Angular所取得的一些新进展.值得注意的是,这些都是

超详细Windows版本编译运行React Native官方实例UIExplorer项目(多图慎入)

转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50661981 本文出自:[江清清的博客] (一)前言 特别说明:群里很多童鞋都在说想Windows系统官方实例,但是官方提供的文档以及网上的例子都是OS X版本.今天特意给大家更新一下Windows版本运行官方 实例(UIExporler)全过程.俗话说学习一样新东西的时候,例如这边我们要学React Native的组件使用,那么最好的学习资料就是官方提供的材料了,

React Native—集成到原生Android项目

目前的react-native版本是0.57.8,參考了一些文章之後,終於集成好了.React Native環境的搭建我就不説了,詳細的可以參考React Native中文網的搭建文檔. 創建新的Android工程 環境配置好之後(sdk下載可能比較慢),用Android Studio創建一個Empty Activity的項目. 集成React Native 安裝相關依賴 在項目根目錄下執行 npm init 命令,生成 package.json 文件.此時要注意一下package name和入

实战厕所在哪APP视频教程 react native服务端实战项目实战开发教程

一个很好且包含服务端的实战项目视频教程!学习本视频最后有Node基础! ------------------课程目录------------------ <react native 快速开发App>├reactnative厕所在哪源码.zip├<第八章 App阅读模块开发>│  ├8-1 阅读模块功能设计.avi│  ├8-10 列表使用listview组件.avi│  ├8-11 数据列表展示.avi│  ├8-12 完善详情页.avi│  ├8-2 五大模块创建和加载.avi│

React Native移植iOS原生项目

手工集成React Native 第一步:初始化React Native环境 在我们要集成的项目中,进入到*.xcodeproj文件的上级目录,运行React Native初始化命令react-native init [Project Name]会出现prompt, 输入yes,这样会在ios目录下生成一个同名工程.init过程会需要一点时间,耐心等待. 完成后项目文件目录会变成这样: node_modules:react native依赖包 ios:iOS项目相关代码,Xcode工程文件 an

【React Native开发】React Native移植原生Android项目

转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50519677 本文出自:[江清清的博客] (一)前言 [好消息]个人网站已经上线运行,后面博客以及技术干货等精彩文章会同步更新,请大家关注收藏:http://www.lcode.org 前三节课程我们已经对于React Native For Android的环境搭建,IDE安装配置以及应用运行,调试相关的知识点做了讲解.今天我们来讲一个非常有用的知识点.移植我们已有

React Native资料

React Native 环境搭建 React Native 配置和起步 Sublime Text 3 搭建 React.js 开发环境 集成 ReactNative集成到已有工程中-IOS React Native集成到现有项目(非cocoa pods) 语法 ES 6入门 ES6新特性概览 React入门教程 React中文网 React Native中文网 布局 Flex布局 Flex 布局教程:语法篇 Flex 布局教程:实例篇 混编 React Native构建本地视图组件 React