React Native 混合编程 之访问原生API

复用学习移植项目的项目(此时版本0.49)

这时候 import CustomerComponents, {Navigator} from 'react-native-deprecated-custom-components';已经失效,运行报错

此时对项目进行更改

React Native 混合编程 之访问原生API


NavigatorIOS, 学习参考http://www.jianshu.com/p/4c81995746ea


二、增加TabBar

  1.创建more.js

   React Native 混合编程 之访问原生API


2.修改 app.js

React Native 混合编程 之访问原生API

React Native 混合编程 之访问原生API


三、运行项目

React Native 混合编程 之访问原生APIReact Native 混合编程 之访问原生API


四。访问原生API

1.新建Platform.js

React Native 混合编程 之访问原生API

2.修改more.js

 React Native 混合编程 之访问原生API

3.XCode 上创建 Platform文件

#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
@interface Platform : NSObject<RCTBridgeModule>

@end

#import "Platform.h"

@implementation Platform
RCT_EXPORT_MODULE();
-(NSDictionary *)constantsToExport
{
  return @{@"systemName":@"ios"};
}
@end


5.运行

React Native 混合编程 之访问原生API

更多学习 http://www.cnblogs.com/shaoting/p/6392390.html

源码地址:https://github.com/kangxg/React-Native-    RNTransplant目录