react-native-images-picker-expo

  

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)

1import ImagesPicker from 'react-native-images-picker-expo';

1     const App = () => {
2       const [isOpen, setIsOpen] = useState(false);
3       const [selectedImages, setSelectedImages] = useState([]);
4
5       const open = () => setIsOpen(true);
6       const close = () => setIsOpen(false);
7
8       const onSelect = images => setSelectedImages(images);
9
10       return (
11            <View style={styles.conatiner}>
12                 <ImagesPicker isOpen={isOpen} onSelect={onSelect} close={close} />
13                 <Pressable style={styles.itemContainer} onPress={open}>
14                      <Text style={{ color: 'white' }}>open images picker</Text>
15                 </Pressable>
16                 {
17                      selectedImages.map((uri, index) => (
18                           <View style={{ marginVertical: 50 }} key={index}>
19                                <Image
20                                     source={{ uri }}
21                                     style={{ height: 100, width: 150 }}
22                                />
23                           </View>
24                      ))
25                 }
26            </View>
27       )
28}

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