React Native ——调用Native Modules的方式

/**
 * 调用iOS模块1
 * http://www.cnblogs.com/daomul/
 */
‘use strict‘;
var React = require(‘react-native‘);
var { NativeModules,View, Text,ScrollView,StyleSheet,TouchableOpacity } = React;

var Message = React.createClass({
  getInitialState() {
    return { text: ‘Goodbye World.‘ };
  },
  componentDidMount() {
    NativeModules.MyCustomModule.processString(this.state.text, (text) => {
      this.setState({text});
    });
  },
  render: function() {
    return (
      <ScrollView style={styles.view}>
          <Text>{this.state.text}</Text>
        </ScrollView>
    );
  },
});

var styles = StyleSheet.create({
  view:{margin:20,},
});

React.AppRegistry.registerComponent(‘HellWorld‘, () => Message);

#import <Foundation/Foundation.h>
#import "RCTBridgeModule.h"

@interface MyCustomModule : NSObject <RCTBridgeModule>

@end

#import "MyCustomModule.h"

@implementation MyCustomModule

RCT_EXPORT_MODULE();
RCT_EXPORT_METHOD(processString:(NSString *)input callback:(RCTResponseSenderBlock)callback)
{
  callback(@[[input stringByReplacingOccurrencesOfString:@"Goodbye" withString:@"Hello"]]);
}
@end

var CalendarManager = require(‘NativeModules‘).CalendarVIew;

CalendarManager.addEventWithName(‘something need to remmber‘,‘ShenZheng NanShan‘);

CalendarManager.addEventWithName(‘something need to remmber‘,{
      location: ‘ShenZhen NanShan‘,
      description: ‘other thingslo‘
});

#import "CalendarVIew.h"
#import "RCTConvert.h"
#import "RCTLog.h"

@implementation CalendarVIew

RCT_EXPORT_MODULE();
RCT_EXPORT_METHOD(addEventWithName:(NSString *)name dic:(NSDictionary *)dic)
{
  NSString *localStr = [RCTConvert NSString:dic[@"location"]];
  NSString *descStr = [RCTConvert NSString:dic[@"description"]];
  RCTLogInfo(@"the name is %@,and the location is %@,%@",name,localStr,descStr);
}