Skip to content

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

Notifications You must be signed in to change notification settings

szc602639921/expo-image-picker-multiple

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm version

expo-image-picker-multiple

It is forked from expo-image-picker-multiple. This version I add a modal for loading screen, which enables me to customize it.

Multiple image 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={(callback) => {
        
      }}
      callback={(num, onSubmit) => {
    
      }}
    />

Props:

  • max: maximum number of photos
  • loadCount: by default 50
  • 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

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%