phuochau / React Native Thumbnail
Licence: mit
Get thumbnail from local media. Currently, it only supports for video.
Stars: ✭ 122
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
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-thumbnail
and addRNThumbnail.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNThumbnail.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
Android
- 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 thegetPackages()
method
- 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')
- 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].