expose quickblox native view

Author: dattransts

QuickbloxLocalVideoView.js

@@ -0,0 +1,37 @@
+/**
+ * Created by Dat Tran on 2/8/17.
+ */
+import React from 'react';
+import PropTypes from 'prop-types'
+import {requireNativeComponent} from 'react-native';
+
+export default class QuickbloxLocalVideoView extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.onRendered = this.onRendered.bind(this);
+  }
+
+  onRendered(event: Event) {
+    if (this.props.onRendered)
+      this.props.onRendered()
+  }
+
+  stopCamera() {
+    this.myRef.setNativeProps({stopCamera: true})
+  }
+
+  render() {
+    return <NativeQuickbloxLocalVideoView
+      {...this.props}
+      ref={ci => this.myRef = ci}
+      onChange={this.onRendered}
+    />;
+  }
+}
+
+QuickbloxLocalVideoView.propTypes = {
+  onRendered: PropTypes.func
+}
+
+const NativeQuickbloxLocalVideoView = requireNativeComponent('QuickbloxLocalVideoView', null);

QuickbloxRemoteVideoView.js

@@ -0,0 +1,33 @@
+/**
+ * Created by Dat Tran on 2/8/17.
+ */
+import React from 'react';
+import PropTypes from 'prop-types'
+import {requireNativeComponent} from 'react-native';
+
+export default class QuickbloxRemoteVideoView extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.onRendered = this.onRendered.bind(this);
+  }
+
+  onRendered(event: Event) {
+    if (this.props.onRendered)
+      this.props.onRendered()
+  }
+
+  render() {
+    return <NativeQuickbloxRemoteVideoView
+      {...this.props}
+      ref={ci => this.myRef = ci}
+      onChange={this.onRendered}
+    />;
+  }
+}
+
+QuickbloxRemoteVideoView.propTypes = {
+  onRendered: PropTypes.func
+}
+
+const NativeQuickbloxRemoteVideoView = requireNativeComponent('QuickbloxRemoteVideoView', null);

index.js

@@ -1,5 +1,12 @@
 
 import { NativeModules } from 'react-native';
+import QuickbloxLocalVideoView from './QuickbloxLocalVideoView'
+import QuickbloxRemoteVideoView from './QuickbloxRemoteVideoView'
+
+export {
+  QuickbloxLocalVideoView,
+  QuickbloxRemoteVideoView
+}
 
 const { RNQuickblox } = NativeModules;
 

package.json

@@ -1,4 +1,3 @@
-
 {
   "name": "react-native-video-quickblox",
   "version": "1.0.1",
@@ -23,6 +22,8 @@
   },
   "homepage": "https://github.com/ttdat89/react-native-video-quickblox/blob/master/README.md",
   "peerDependencies": {
-    "react-native": "^0.41.2"
+    "react": "16.0.0-alpha.12",
+    "react-native": "^0.48.3",
+    "prop-types": "^15.5.10"
   }
 }