react-native-images-picker-expo

Images picker browser which enables user to select more than one image at a time from the device media library.


Keywords
entrance, animation
License
MIT
Install
npm install react-native-images-picker-expo@1.0.0

Documentation

react-native-images-picker-expo

Supports Android and iOS    MIT License

Enables user to select from within his gallery's albums.

The images are automatically sorted by the time they were created in the device.

Also enables you to define a single image selection and that way to use this plugin all over your app and keep the app design consistant.



Getting started

npm i react-native-range-slider-expo



Usage

Examples - display


Examples - code (reflects the short video above)

import ImagesPicker from 'react-native-images-picker-expo';
     const App = () => {
       const [isOpen, setIsOpen] = useState(false);
       const [selectedImages, setSelectedImages] = useState([]);

       const open = () => setIsOpen(true);
       const close = () => setIsOpen(false);

       const onSelect = images => setSelectedImages(images);

       return (
            <View style={styles.conatiner}>
                 <ImagesPicker isOpen={isOpen} onSelect={onSelect} close={close} />
                 <Pressable style={styles.itemContainer} onPress={open}>
                      <Text style={{ color: 'white' }}>open images picker</Text>
                 </Pressable>
                 {
                      selectedImages.map((uri, index) => (
                           <View style={{ marginVertical: 50 }} key={index}>
                                <Image
                                     source={{ uri }}
                                     style={{ height: 100, width: 150 }}
                                />
                           </View>
                      ))
                 }
            </View>
       )
}

API - RangeSlider (default import)

Property Type Required Default
onSelect function yes -
close function yes -
isOpen boolean yes -
onlyOneImage boolean no false



License

This project is licensed under the MIT License