React-native-carrot-emitter NPM

react-native-carrot-emitter

Getting started

$ npm install react-native-carrot-emitter --save

Mostly automatic installation

$ react-native link react-native-carrot-emitter

Manual installation

iOS

In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
Go to node_modules ➜ react-native-carrot-emitter and add RNCarrotEmitter.xcodeproj
In XCode, in the project navigator, select your project. Add libRNCarrotEmitter.a to your project's Build Phases ➜ Link Binary With Libraries
Run your project (Cmd+R)<

Android

Open up android/app/src/main/java/[...]/MainActivity.java

Add import com.carrot.emitter.RNCarrotEmitterPackage; to the imports at the top of the file
Add new RNCarrotEmitterPackage() to the list returned by the getPackages() method

Append the following lines to android/settings.gradle:

include ':react-native-carrot-emitter'
project(':react-native-carrot-emitter').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-carrot-emitter/android')

Insert the following lines inside the dependencies block in android/app/build.gradle:
```
  compile project(':react-native-carrot-emitter')
```

API

方法名（js端调用，带有native方法为跨原生容器时调用）	参数	描述
addNativeListener	name: string, listenerResult: (param?: any) => void	JS端添加监听
removeNativeListener	name: string	JS端移除监听
nativeEmit	name: string, params?:string	JS端发送监听内容
addRNListener	name: string, listenerResult: (param?: any) => void	JS端添加监听
removeRNListener		JS端移除监听
RNEmit	name: string, params?:string	JS端发送监听内容

方法名（iOS或andriod原生端调用）	参数	描述
OCsendMessage	dictionary（字典里必须带有name：" " 声明监听名的键值对）	iOS端发送消息
postEventToJS	context: ReactContext, event: String	andriod端发送消息

Usage

import CarrotEmitter from 'react-native-carrot-emitter';
// 添加监听
componentDidMount() {
  CarrotEmitter.addNativeListener('changeInfo', (param) => {
      if (param.key === 'nameChange') {
         this.setState({
           name: param.info,
       });
      }
   }
}
// 移除监听
componentWillUnmount() {
  CarrotEmitter.removeNativeListener('changeInfo');
}


// 发送监听
import CarrotEmitter from 'react-native-carrot-emitter';
CarrotEmitter.nativeEmit('changeInfo', { key: 'nameChange', info: name });


如果是rn容器间的消息传递 则使用 对应的 RN方法（addRNListener、removeRNListener、RNEmit）