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

来源:互联网 发布:android源码设计模式 编辑:程序博客网 时间:2024/05/26 19:19

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

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

此时对项目进行更改


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


二、增加TabBar

  1.创建more.js

  


2.修改 app.js




三、运行项目


四。访问原生API

1.新建Platform.js

2.修改more.js

 

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.运行


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

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

阅读全文
0 0