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

前端之家收集整理的这篇文章主要介绍了React Native 混合编程 之访问原生API前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

复用学习移植项目的项目(此时版本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目录

原文链接:https://www.f2er.com/react/302541.html

猜你在找的React相关文章