React Native 调用Objective-C
参考:https://colinramsay.co.uk/2015/03/27/react-native-simple-native-module.html
在Xcode中,File->New->File->Cocoa Class-> (Class:'SomeString', Subclass Of:'NSObject', Language:'Objective-C')->保存为 项目名/ios/项目名。 这时会生成SomeString.h和SomeString.m文件。
修改这两个文件的内容为:
//SomeString.h
#import "RCTBridgeModule.h"
@interface SomeString : NSObject<RCTBridgeModule>
@end
//SomeString.m
#import "SomeString.h"
@implementation SomeString
RCT_EXPORT_MODULE();
RCT_EXPORT_METHOD(get:(RCTResponseSenderBlock)callback)
{
NSString* someString = @"something, this is from Objective C";
callback(@[someString]);
}
@end
修改index.ios.js
以下是一个参考文件,项目名为Test1,目的是调用Objective-C,返回一个字符串
----
'use strict';
import React, {
AppRegistry,
Component,
StyleSheet,
Text,
View,
NativeModules,
} from 'react-native';
class Test1 extends Component {
constructor(props){
super(props);
this.state = {
text: 'hello',
};
}
componentDidMount() {
var ss = NativeModules.SomeString.get(x=>this.setState({text:x}));
}
render () {
return (
<View style={styles.container} >
<Text>{this.state.text}</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
});
AppRegistry.registerComponent('Test1', () => Test1);
---
相关推荐
React本机用户代理 支持平台 的iOS 安卓 入门指南 ...react-native link react-native-user-agent 有关手动链接,请参阅: 适用于Android 适用于iOS的 用法 import UserAgent from 'react-na
react-native-giti-unionpay 银联支付,RN组件。 银联手机支付官网: install npm install react-native-giti-unionpay --save link react-native link react-native-giti-unionpay JS 前端调用 1.导入头文件 import...
React本机视频快速 适用于React Native的Quickblox视频通话入门$ npm install react-native-video-quickblox --save或yarn add react-native-video-quickblox大多是自动安装$ react-native link react-native-video-...
React本机队列用于将Queue的虚拟候机室集成到React Native应用程序中的React Native模块。示例应用在目录中可以找到一个示例应用程序项目,用于试用库中的功能。安装开始之前,请从Go Queue-it平台下载白皮书Mobile ...
PDFTron React本机包装 先决条件 ... 在MyApp文件夹中,通过调用以下react-native-pdftron安装react-native-pdftron : yarn add github:PDFTron/pdftron-react-native yarn add @react-native-communit
该示例的一个,展示了React Native JavaScript和本机代码之间的接口-Android上的Java,iOS上的Objective-C。 原始版本仅适用于Android; 对iOS的支持已于2019年3月添加。 该项目演示了以下内容: 从JavaScript...
React本机设备运动适用于React Native的iOS设备运动包装器。 使用iOS CMMotionManager向您的React Native应用程序提供设备运动更新,例如滚动,俯仰,偏航等。截屏用法// 60fps updatesDeviceMotion . ...
react native 腾讯云通讯插件云通信(Instant Messaging)承载亿级 QQ 用户即时通信技术,数十年技术积累,腾讯云为您提供超乎寻常即时通信聊天服务。一、安装android暂无ios 添加以下依赖库CoreTelephony....
) 比AsyncStorage快30倍使用而不是“旧”桥有趣的事实:由于所有JS函数都具有C ++实现,因此您也可以在集中直接调用它们基准 AsyncStorage与MMKV :从存储读取一个值1000次。 在iPhone 8上以毫秒为单位进行测量,越...
PDFTron React本机包装原料药API可在“ 。先决条件试用不需要许可证密钥。... 在MyApp文件夹中,通过调用以下react-native-pdftron安装react-native-pdftron : yarn add github:PDFTron/pdftron-react-native
注意:在您的主项目中(不是在本机模块中),在设置本机模块并将其添加到package.json文件之后,您必须运行npm install来安装模块及其依赖项,并使用react-native link实际将本机代码链接到您的应用程序项目。...
Reactnative与OC混编的模仿“健康养生”app,可以实现RN调用OC,并将数据传递到OC端,进行展示 -Objecti
第1步:react-native初始化uvapp 第2步:添加样式npm install --save superagent调用我们的API 在Xcode中,打开Info.plist并添加一个新键,方法是在编辑器中右键单击并选择“添加行”。 使用...
工具提示具有react-native的uitextfield的uimenucontroller的示例实现。 文本组件没有onChange,因此我们在RCTText上使用类别在其上添加eventDispatcher。 TooltipMenu模块将在文本组件上显示uimenucontroller,并在...
NativeScript可以将其所支持平台上的任意原生API作为目标,包括传感器接口API和用Objective C,Java或.NET编写的第三方库。UI组件是原生的,UI事件由在JavaScript代码中声明的原生处理程序处理,如View....
android :在Android上运行React Native项目! 运行,但仍有一些工作要做。 您可能还需要解决这一问题。 v1.0 :iOS上的第一个正式版。 会费 我们很高兴将此项目开源。 这是由社区,为了社区。 我们正在寻找贡献者...