Skip navigation

React Native

Updated: 12.08.2026
Open as Markdown

A component for playing Kinescope videos in React Native on iOS and Android. It is based on react-native-video . Repository: kinescope/react-native-kinescope-video .

Installation

npm install @kinescope/react-native-kinescope-video react-native-video@6.4.2 @react-native-async-storage/async-storage --save

After installing the dependencies on iOS, run:

npx pod-install

Android repositories

Add jcenter() to allprojects.repositories in android/build.gradle if it is not already present:

allprojects {
  repositories {
    jcenter()
  }
}

TypeScript error TS2786

If TypeScript reports that Video cannot be used as a JSX component, add the following to compilerOptions in tsconfig.json:

{
  "compilerOptions": {
    "paths": {
      "react": ["./node_modules/@types/react"]
    }
  }
}

Props

The component accepts its own props and the react-native-video props .

PropTypeDescription
videoIdstringVideo ID from app.kinescope.io (required)
preloadbooleanPreload the video
externalIdstringExternal ID for analytics
qualityquality typePlayback quality
autoSeekChangeQualitybooleanDefaults to true; iOS only
drmAuthTokenstringDRM token
refererstringReferer header
posterResizeModeImageResizeModePoster resize mode

Events

The component supports its own events and the react-native-video events .

EventData
onManifestLoadStart
onManifestLoadmanifest: ManifestEventLoadTypes
onManifestErrorerror: unknown

Next steps