react-native-tvos-controller


TvOS remote controller module for react native.
Including "tap","long press","swipe" and "pan" gesture.

React Native for TVOS

react-native-tvos-controller demo video

Install

``shell
npm install --save react-native-tvos-controller
`

Automatically link

#### With React Native 0.27+

`shell
react-native link react-native-tvos-controller
`

#### With older versions of React Native

You need rnpm (npm install -g rnpm)

`shell
rnpm link react-native-tvos-controller
`

Manually link

`javascript
import reactNativeTvosController from "react-native-tvos-controller"
`

$3

`javascript
reactNativeTvosController.connect()
`
Connect the remote controller of apple TV.

$3

`javascript
reactNativeTvosController.enablePanGesture();
`
You will receive the specific moving offset tracing data if you enable the pan gesture.
You can't receive the swipe event anymore.

You can receive the swipe event and other gestures when it was enabled simultaneously recognizing reactNativeTvosController.enableRecognizeSimultaneously()

$3

`javascript
reactNativeTvosController.disablePanGesture();
`
You won't receive the specific moving offset tracing data if you disable the pan gesture.
You can continue receiving the swipe event.

$3

`javascript
reactNativeTvosController.enableRecognizeSimultaneously();
`
Events from all recognizers are sending simultaneously.

$3

`javascript
reactNativeTvosController.disableRecognizeSimultaneously();
`
Disable. Events will be send from the first recognized gesture recognizer.

$3

Subscribe the native events of Apple TV's remote controller.

#### events

##### TAP

`javascript
var tapSubscription = reactNativeTvosController.subscribe('TAP',
(e) => {
console.log("tapped");
console.log(JSON.stringify(e));
/*
e.type : "PlayPause" || "Menu" || "Select" || "UpArrow" || "DownArrow" || "LeftArrow" || "RightArrow"
e.code : 0 || 1 || 2 || 3 || 4 || 5 || 6
*/
});
tapSubscription(); //Cancel Subscription
`

##### SWIPE

`javascript
var swipeSubscription = reactNativeTvosController.subscribe('SWIPE',
(e) => {
console.log("swiped");
console.log(JSON.stringify(e));
/*
e.direction : "Right" || "Down" || "Left" || "Up"
e.code : 0 || 1 || 2 || 3
*/
});
swipeSubscription(); //Cancel Subscription
`

##### LONGPRESS

`javascript
var longPressSubscription = reactNativeTvosController.subscribe('LONGPRESS',
(e) => {
console.log("longPressed");
console.log(JSON.stringify(e));
/*
e.state : "Began" || "Ended"
e.code : 0 || 1
*/
});
longPressSubscription(); //Cancel Subscription
`

##### PAN

`javascript
var panSubscription = reactNativeTvosController.subscribe('PAN',
(e) => {
console.log("panned");
console.log(JSON.stringify(e));
/*
e.state : "Began" || "Changed" || "Ended"
e.x : (x offset)
e.y : (y offset)
e.velocityX : number
e.velocityY : number
*/
});
panSubscription(); //Cancel Subscription
``