AppleTV (tvOS) with React Native

How to setup

Expo는 쓰지 않고, React Native CLI 를 썼기 때문에


$ npx react-native init MyApp --template react-native-template-typescript-tv

위 명령어로 타입스크립트 TV OS 리액트 네이티브 프로젝트를 생성 할 수 있습니다.

package.json을 보면, "react-native": "npm:react-native-tvos@^0.71.10-0" 와 같이 react-native 패키지가 react-native-tvos 의 특정 버전으로 자리 잡힌 것을 볼 수 있습니다.

해당 패키지는 https://github.com/react-native-tvos/react-native-tvos 에서 관리되는 react-native 를 따라가는 tv os용 패키지로 예상됩니다.

우리는 애플 티비 (Apple TV) 의 tvOS 만 타겟팅 할 예정이므로, pod install 명령어를 실행 해 줍니다.


$ cd MyApp
$ bundle install # if you didn't do this cli, you have to.
$ cd ios
$ pod install

tvOS 를 실행 시키려면, 위 사진과 같이 -tvOS 타겟을 선택하고 실행 시키면 됩니다.

apple TV 시뮬레이터가 필요하므로, 없다면 해당 시뮬레이터를 설치 해야 합니다.

공식문서를 따라서 tvos 설정을 해줘야 한다고는 하는데,

따로 manual link를 걸지 않아도 릴리즈 스키마까지 잘 실행이 되긴 합니다.

해당 버전은 5버전대 입니다.

DRM 지원의 경우 pallycon 서비스로 패키징을 한다면 https://github.com/inka-pallycon/pallycon-multidrm-react-native-sample/blob/main/App.js 를 참고하면 됩니다. Widevine과 Fairplay에 대한 예제가 나와있습니다.

순조롭게 3버전대에서 잘 작동 합니다.

추가 작업 필요 없습니다.

"react-native-gesture-handler": "^2.10.1" 버전을 써야 빌드가 됨을 확인 했습니다.