react-native-android-thumbnail

A native android component, which loads a visual thumbnail for the given contentUri, useful for showing many images from android devices. The package also provides a module for getting images' info, such as uri, album name, size, image name and contentURI for loading thumbnail

Installation

1npm install react-native-android-thumbnail

Updating manifests

Open your project's AndroidManifest.xml and add the following lines inside the tag:

1<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

Requesting Permissions

1import { PermissionsAndroid, Permission } from 'react-native';
2
3// ...
4const permission: Permission = PermissionsAndroid.PERMISSIONS
5  .READ_EXTERNAL_STORAGE as 'android.permission.READ_EXTERNAL_STORAGE';
6 const requestReadExternalStoragePermission = async () => {
7  try {
8    const granted = await PermissionsAndroid.request(permission, {
9      title: 'Read External Storage Permission',
10      message:
11        'This App needs access to your media ' +
12        'so you can take awesome pictures.',
13      buttonNeutral: 'Ask Me Later',
14      buttonNegative: 'Cancel',
15      buttonPositive: 'OK',
16    });
17    if (granted === PermissionsAndroid.RESULTS.GRANTED) {
18      console.log('GRANTED!');
19    } else {
20      console.log('External Storage permission denied');
21    }
22  } catch (err) {
23    console.warn(err);
24  }
25};
26
27// ...

Usage

1import { getPhotos, Thumbnail } from 'react-native-android-thumbnail';
2
3// ...
4
5const allPhotos = await getPhotos();
6
7return (
8  <Thumbnail contentUri={allPhotos[0].contentUri} size={100} />
9 );
10 
11// ...

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library