Multi-Platform Development for TV Apps

// RemoteControlManager.android.ts
import KeyEvent from 'react-native-keyevent';
 
const KEY_CODE_MAPPING: Record<number, SupportedKeys> = {
  21: SupportedKeys.Left,
  22: SupportedKeys.Right,
  19: SupportedKeys.Up,
  20: SupportedKeys.Down,
  66: SupportedKeys.Enter,
};
 
class RemoteControlManager implements RemoteControlManagerInterface {
  constructor() {
    KeyEvent.onKeyDownListener(this.handleKeyDown);
  }
  // ... implementation
}

// RemoteControlManager.ios.ts
import { TVEventHandler } from 'react-native';
 
const KEY_MAPPING: Record<string, SupportedKeys> = {
  right: SupportedKeys.Right,
  left: SupportedKeys.Left,
  up: SupportedKeys.Up,
  down: SupportedKeys.Down,
  select: SupportedKeys.Enter,
};
 
class RemoteControlManager implements RemoteControlManagerInterface {
  constructor() {
    this.tvEventSubscription = TVEventHandler.addListener(this.handleKeyDown);
  }
  // ... implementation
}

// RemoteControlManager.ts
const KEY_MAPPING: Record<string, SupportedKeys> = {
  ArrowRight: SupportedKeys.Right,
  ArrowLeft: SupportedKeys.Left,
  ArrowUp: SupportedKeys.Up,
  ArrowDown: SupportedKeys.Down,
  Enter: SupportedKeys.Enter,
};
 
class RemoteControlManager implements RemoteControlManagerInterface {
  constructor() {
    if (Platform.OS === 'web') {
      window.addEventListener('keydown', this.handleKeyDown);
    }
  }
  // ... implementation
}