React Native Thumbnail

screenshot of React Native Thumbnail
react-native

Get thumbnail from local media. Currently, it only supports for video.

Overview

The react-native-thumbnail library allows users to get thumbnails from local media. As of now, it only supports videos. It can be installed via npm and linked to a React Native project for easy integration.

Features

  • Get thumbnail from local media
  • Supports video files
  • Easy installation with npm
  • Automatic linking with React Native projects

iOS

  • In Xcode, right click on Libraries ➜ Add Files to [your project's name]
  • Navigate to node_modules ➜ react-native-thumbnail and add RNThumbnail.xcodeproj
  • Select your project in Xcode, add libRNThumbnail.a to Build Phases ➜ Link Binary With Libraries
  • Run your project (Cmd+R)

Android

  • Open MainActivity.java in android/app/src/main/java/[...]/ directory
  • Add import com.reactlibrary.RNThumbnailPackage; to the imports at the top of the file
  • Add new RNThumbnailPackage() to the list returned by the getPackages() method
  • Update settings.gradle and app/build.gradle as mentioned in the documentation

Summary

The react-native-thumbnail library provides a convenient solution for fetching thumbnails from local video media in React Native projects. With easy installation through npm and integration steps for both iOS and Android platforms, developers can efficiently incorporate this feature into their applications.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.