Socket
Socket
Sign inDemoInstall

expo-image-picker-multiple

Package Overview
Dependencies
3
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

expo-image-picker-multiple

Multiple image selecting package for React Native using Expo FileSystem


Version published
Maintainers
1
Weekly downloads
149
increased by27.35%

Weekly downloads

Readme

Source

npm version

expo-image-picker-multiple

Multiple image (video, etc.) selecting package for Expo SDK (React Native) using MediaLibrary and Permissions.

Snack full demo with navbar and compression

Demo

Features

  • Selects multiple images
  • Changes orientation (4 in a row for vertical and 7 for horizontal orientations)
  • Displays the selected image number
  • Permission requests
  • Customization
  • Sorting from new to old

Usage

  1. Install the repository
    $ npm install --save expo-image-picker-multiple
    
    or
    $ yarn add expo-image-picker-multiple
    
  2. Add an import to the top of your file
    import { ImageBrowser } from 'expo-image-picker-multiple';
    
  3. Declare the component in the render method.
    <ImageBrowser
      max={4}
      onChange={(num, onSubmit)  => {
        
      }}
      callback={(callback) => {
    
      }}
    />
    

Props:

  • max: maximum number of photos
  • loadCount: by default 50
  • loadCompleteMetadata: Whether to load extra fields like location. Loading all of the information will reduce performance. by default false
  • emptyStayComponent: by default null
  • noCameraPermissionComponent: by default null
  • preloaderComponent: by default ActivityIndicator (loader)
  • renderSelectedComponent: one-parameter (selected number) function is expected to return the component for the icon/text over the selected picture
  • mediaType: photo by default (mediaType)

Keywords

FAQs

Last updated on 08 Mar 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc