tvOS seems to be working?

package.json

@@ -39,7 +39,7 @@
     "eslint-plugin-react": "^7.29.3",
     "prettier": "^2.5.1",
     "react": "^17.0.2",
-    "react-native": "^0.67.3",
+    "react-native": "npm:[email protected]",
     "react-native-builder-bob": "^0.18.2",
     "react-native-video": "^5.2.0",
     "release-it": "^15.0.0",

src/VideoPlayer.tsx

@@ -1,5 +1,5 @@
 import React, {useCallback, useState, useEffect, useRef} from 'react';
-import {TouchableWithoutFeedback, View} from 'react-native';
+import {View} from 'react-native';
 import Video, {
   OnLoadData,
   OnProgressData,
@@ -13,6 +13,7 @@ import {
   BottomControls,
   PlayPause,
 } from './components';
+import {PlatformSupport} from './components/PlatformSupport';
 import {_onBack} from './utils';
 import {_styles} from './styles';
 import type {VideoPlayerProps} from './types';
@@ -374,9 +375,10 @@ export const VideoPlayer = (props: VideoPlayerProps) => {
   }, []);
 
   return (
-    <TouchableWithoutFeedback
-      onPress={events.onScreenTouch}
-      style={[_styles.player.container, styles.containerStyle]}>
+    <PlatformSupport
+      showControls={showControls}
+      containerStyles={styles.containerStyle}
+      onScreenTouch={events.onScreenTouch}>
       <View style={[_styles.player.container, styles.containerStyle]}>
         <Video
           {...props}
@@ -445,6 +447,6 @@ export const VideoPlayer = (props: VideoPlayerProps) => {
           </>
         )}
       </View>
-    </TouchableWithoutFeedback>
+    </PlatformSupport>
   );
 };

src/components/Control.tsx

@@ -1,23 +1,29 @@
 import React, {ReactNode} from 'react';
-import {TouchableHighlight} from 'react-native';
+import {TouchableHighlight, ViewProps} from 'react-native';
 import {styles} from './styles';
 
-interface ControlProps {
+interface ControlProps extends ViewProps {
   children: ReactNode;
   callback?: () => void;
   style?: any;
   resetControlTimeout?: () => void;
 }
 
-export const Control = ({children, callback, style = {}}: ControlProps) => {
+export const Control = ({
+  children,
+  callback,
+  style = {},
+  ...props
+}: ControlProps) => {
   return (
     <TouchableHighlight
       underlayColor="transparent"
       activeOpacity={0.3}
       onPress={() => {
         callback && callback();
       }}
-      style={[styles.control, style]}>
+      style={[styles.control, style]}
+      {...props}>
       {children}
     </TouchableHighlight>
   );

src/components/PlatformSupport.tsx

@@ -0,0 +1,43 @@
+import React, {ReactNode} from 'react';
+import {
+  TouchableWithoutFeedback,
+  Platform,
+  StyleProp,
+  ViewStyle,
+} from 'react-native';
+import {TVOSSupport} from './TVOSSupport';
+import {_styles} from '../styles';
+
+interface OSSupport {
+  children: ReactNode;
+  containerStyles: StyleProp<ViewStyle>;
+  onScreenTouch: () => void;
+  showControls: boolean;
+}
+
+export const PlatformSupport = ({
+  children,
+  onScreenTouch,
+  containerStyles,
+  showControls,
+}: OSSupport) => {
+  if (Platform.isTV) {
+    return (
+      <>
+        <TVOSSupport
+          showControls={showControls}
+          onScreenTouch={onScreenTouch}
+        />
+        {children}
+      </>
+    );
+  }
+
+  return (
+    <TouchableWithoutFeedback
+      onPress={onScreenTouch}
+      style={[_styles.player.container, containerStyles]}>
+      {children}
+    </TouchableWithoutFeedback>
+  );
+};

src/components/PlayPause/PlayPause.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Animated, Image} from 'react-native';
+import {Animated, Image, Platform} from 'react-native';
 import {Control, NullControl} from '../';
 import type {VideoAnimations} from '../../types';
 import {styles} from './styles';
@@ -15,6 +15,8 @@ interface PlayPauseProps {
   onPressRewind: () => void;
 }
 
+const tvProps = {hasTVPreferredFocus: true};
+
 const play = require('../../assets/img/play.png');
 const pause = require('../../assets/img/pause.png');
 const rewind = require('../../assets/img/rewind.png');
@@ -53,7 +55,8 @@ export const PlayPause = ({
       <Control
         callback={togglePlayPause}
         resetControlTimeout={resetControlTimeout}
-        style={styles.playContainer}>
+        style={styles.playContainer}
+        {...(Platform.isTV ? tvProps : {})}>
         <Image source={source} resizeMode={'contain'} style={styles.play} />
       </Control>
       <Control

src/components/TVOSSupport.tsx

@@ -0,0 +1,17 @@
+import 'react-native/tvos-types.d';
+import {useTVEventHandler} from 'react-native';
+
+interface OSSupport {
+  showControls: boolean;
+  onScreenTouch: () => void;
+}
+
+export const TVOSSupport = ({showControls, onScreenTouch}: OSSupport) => {
+  useTVEventHandler(() => {
+    if (!showControls) {
+      onScreenTouch();
+    }
+  });
+
+  return null;
+};