All Projects → phuochau → React Native Thumbnail

phuochau / React Native Thumbnail

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

Projects that are alternatives of or similar to React Native Thumbnail

React Native Sortable List
React Native Sortable List component
Stars: ✭ 678 (+455.74%)
Mutual labels:  react-native-component
React Native Modal Dropdown
A react-native dropdown/picker/selector component for both Android & iOS.
Stars: ✭ 1,103 (+804.1%)
Mutual labels:  react-native-component
React Native Barcode Scanner Google
Barcode scanner for react native, which implements barcode detection from Google's Vision API.
Stars: ✭ 105 (-13.93%)
Mutual labels:  react-native-component
React Native Sglistview
SGListView is a memory minded implementation of React Native's ListView
Stars: ✭ 745 (+510.66%)
Mutual labels:  react-native-component
React Native Hide Show Password Input
React-Native Hide Show Password InputText Component
Stars: ✭ 50 (-59.02%)
Mutual labels:  react-native-component
React Native Ios Context Menu
A react-native component to use context menu's (UIMenu) on iOS 13/14+
Stars: ✭ 80 (-34.43%)
Mutual labels:  react-native-component
React Native Qrcode Scanner View
A highly customizable QR code scanning component for React Native
Stars: ✭ 658 (+439.34%)
Mutual labels:  react-native-component
React Native Image Slider Box
A simple and fully customizable React Native component that implements an Image Slider UI.
Stars: ✭ 113 (-7.38%)
Mutual labels:  react-native-component
React Arkit
AR library for React-Native based on ARKit
Stars: ✭ 57 (-53.28%)
Mutual labels:  react-native-component
React Native Otp Inputs
OTP inputs for React-Native
Stars: ✭ 101 (-17.21%)
Mutual labels:  react-native-component
React Native Stager
A performant wizard-like multi stages component for React Native without a router
Stars: ✭ 16 (-86.89%)
Mutual labels:  react-native-component
React Native Circularprogress
A pure React Native Component for circular progress bars
Stars: ✭ 44 (-63.93%)
Mutual labels:  react-native-component
React Native Deck Swiper
tinder like react-native deck swiper
Stars: ✭ 1,261 (+933.61%)
Mutual labels:  react-native-component
React Native Star Rating
A React Native component for generating and displaying interactive star ratings
Stars: ✭ 724 (+493.44%)
Mutual labels:  react-native-component
React Native Slot Machine
Text slot machine for react-native
Stars: ✭ 109 (-10.66%)
Mutual labels:  react-native-component
React Native Material Bottom Navigation
💅🔧👌 a beautiful, customizable and easy-to-use material design bottom navigation for react-native
Stars: ✭ 659 (+440.16%)
Mutual labels:  react-native-component
React Native Action Sheet Component
React Native Action Sheet Component for iOS & Android.
Stars: ✭ 60 (-50.82%)
Mutual labels:  react-native-component
React Native Design Utility
Utility for building design system in react-native. Idea from TailwindCSS
Stars: ✭ 116 (-4.92%)
Mutual labels:  react-native-component
React Native Push Notification Popup
A <NotificationPopup/> component for presenting your own push notification in react-native app
Stars: ✭ 111 (-9.02%)
Mutual labels:  react-native-component
React Native Contacts
React Native Contacts
Stars: ✭ 1,369 (+1022.13%)
Mutual labels:  react-native-component

react-native-thumbnail

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

Getting started

$ npm install react-native-thumbnail --save

Mostly automatic installation

$ react-native link react-native-thumbnail

Manual installation

iOS

  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesreact-native-thumbnail and add RNThumbnail.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNThumbnail.a to your project's Build PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)<

Android

  1. Open up android/app/src/main/java/[...]/MainActivity.java
  • 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
  1. Append the following lines to android/settings.gradle:
    include ':react-native-thumbnail'
    project(':react-native-thumbnail').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-thumbnail/android')
    
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:
      implementation project(':react-native-thumbnail')
    

Usage

import RNThumbnail from 'react-native-thumbnail';

RNThumbnail.get(filepath).then((result) => {
  console.log(result.path); // thumbnail path
})
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].