Android: The prop 'cropping' has been known to cause videos not to be display in the gallery on Android. Please do not set cropping to true when selecting videos.Module is creating tmp images which are going to be cleaned up automatically somewhere in the future. If you want to force cleanup, you can use clean to clean all tmp files, or cleanSingle(path) to clean single tmp file.
https://github.com/ivpusic/react-native-image-crop-picker#readmeTags | react react-native image video crop ios android cropping native picker multiple camera |
Implementation | Objective-C |
License | MIT |
Platform | MacOS |
This library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. IMPORTANT NOTE: You'll still need to perform step 4 for iOS and steps 2 and 5 for Android of the manual instructions below.
react-native react-native-image-picker react native image pickerThis library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. To use this library you need to ensure you match up with the correct version of React Native you are using.
react-native image-picker picker react-native-image-picker react native image📅 React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.
react-native datepicker react-native-android picker datepickerios android datepicker-component react-native-datepicker date-picker react-native-date-pickerA declarative cross-platform react-native datetime-picker. This library exposes a cross-platform interface for showing the native date-picker and time-picker inside a modal. You will have an unified user experience, you won't have to worry anymore about testing the device platform and you won't have to programmatically call the Android TimePicker/DatePicker APIs.
react react-native modal date time picker ios android nativeA react-native dropdown/picker/selector component for both Android & iOS. You can find them in the example.
react react-native react-native-component modal dropdown picker select selector option react-component ios androidA cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. You can either use this component as an wrapper around your existing component or use it in its default mode. In default mode a customizable button is rendered.
react-native dropdown popover select picker modal ios android react-component📷 A React Native component providing images selection from camera roll
react-native camera-roll react-native-component react-component ios cameraroll pickerA React Native module that can create scaled versions of local images (also supports the assets library on iOS). Note: on latest versions of React Native, you may have an error during the Gradle build on Android (com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim). Run cd android && ./gradlew clean to fix this.
react-native android jpeg ios resize react images image image-resizer scaling scaleA pure JavaScript image gallery component for React Native apps with common gestures like pan, pinch and doubleTap, supporting both iOS and Android. This component utilizes @ldn0x7dc/react-native-view-pager as the scrollable container and react-native-transformable-image as the wrapped image.
react react-native gallery images component archriss android iosA React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.
react-native react-native-sketch react-native-svg react native sketch svg drawYPImagePicker is an instagram-like photo/video picker for iOS written in pure Swift. It is feature-rich and highly customizable to match your App's requirements. 🌅 Library 📷 Photo 🎥 Video ✂️ Crop ⚡️ Flash 🖼 Filters 📁 Albums 🔢 Multiple Selection 📏 Video Trimming & Cover selection 📐 Output image size And many more...
imagepicker picker photo video ios filter instagram gallery picture camera library image-picker ypimagepickerCross platform Picker component based on React-native. Since picker is originally supported by ios while Android only supports a ugly Spinner component. If you want to have the same user behaviour, you can use this.
react-native picker wheelA responsive image cropping tool for React. Include either dist/ReactCrop.css or ReactCrop.scss.
react crop-image responsive reactjs image crop react-componentThe react-native-agora is an open-source wrapper for react-native developers. This SDK takes advantage of React Native and Agora RTC Video SDKs on Android/iOS.
agora react-native live video ios android sheng-w react-native-agora react rct react-native-videoUse the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.
react-native react twitter facebook popup share-popups slcomposeviewcontroller rctbridgemodule social react-component react-native-component mobile ui react-native-facebook react-native-twitterA full screen image gallery with captions, selections and grid view support for react-native. Layout and API design are inspired by great MWPhotoBrowser library. The component has both iOS and Android support.
react-native photos react react-component photo-browser image-gallery media-gallery ios androidVersion 0.4.0 of react-native-camera includes barcode scanning for android as well. I recommend using it for barcode and QR scanning as you can use the same library both for iOS and android and the implementation is more robust than this one. A barcode scanner component for react native android. The library uses https://github.com/zxing/zxing to decode the barcodes.
react react-native react-component android barcodescanner barcode qrcode scanner barcodereaderA React Native wrapper for Apple's UIDocumentMenuViewController and for Android's Intent.ACTION_OPEN_DOCUMENT / Intent.ACTION_PICK. I recommend using https://github.com/johanneslumpe/react-native-fs I had to modify Uploader.m so it would use NSFileCoordinator with NSFileCoordinatorReadingForUploading option.
document picker uidocumentmenuviewcontroller react-native dropbox google-drive icloudA simple example to display a CountryPicker component with a dark theme. You need to download a light colored image for the close button, for example this one. YES : It used the world-countries package and image is stored into json and base64.
country-picker exponent countries react-native components country flag
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.