TIL: RN | react-native-video

react-native-video

import Video from 'react-native-video'
import mp4 from '/src/assets/video/video.mp4'

<Video
  source={mp4}
  repeat
  resizeMode="cover"
/>

위와 같이 사용하려면 typescript 에서
video 파일에 대한 타입 정의를 해줘야 한다

video.d.ts

declare module '*.mp4' {
  const src: number;
  export default src;
}

여기서 데이터 타입이 number 가 아닌 경우에
Android 는 재생이 되지만
iOS 는 그냥 튕겨버리는 이슈가 있다

<Video
  source={{uri: 'uri string'}}
  repeat
  resizeMode="cover"
/>

uri 를 사용하려면 위와 같이 주소 string 을 넣어주면 되는데
영상 렌더링이 되어있지 않은 주소의 경우 재생하지 못한다
local의 비디오를 재생하려면 첫 방식을 사용해야할 듯