/React-Native-FlatList-Video-Feed

This application uses updated InViewPort library to recreate TikTok video feed with all the features of the video player.

Primary LanguageJava

React-Native-FlatList-Video-Feed

This application uses updated InViewPort library to recreate TikTok video feed with all the video player features. The Flatlist is optimized (if more optimization possible, please suggest!!!) Features include:

  1. Render 1 video at a time
  2. Post Snap to next/prev video like TikTok
  3. Play/Pause on Tap
  4. Play video which is in visible view
  5. Stop video outside visible view
  6. Moving to previously seen video starts the video from the initial position
  7. Video loops on the end

How To Use

To clone and run this application, you'll need Git, Node.js v10.16 or higher. From your command line:

# Clone this repository
$ git clone https://github.com/471Q/React-Native-FlatList-Video-Feed.git

# Go into the repository
$ cd React-Native-FlatList-Video-Feed

# Install dependencies
$ npm install

# Run the app (iOS)
$ npx react-native run-ios

# Run the app (Android)
$ npx react-native run-android