Описание тега react-native-image-picker
Этот пакет является базовым пакетом, созданным сообществом React Native для загрузки изображения из вашей галереи или камеры.
Так он открывается при нажатии в iOS
Таким образом, он открывается в Android по щелчку
Модуль React Native, который позволяет использовать собственный пользовательский интерфейс для выбора фото / видео из библиотеки устройства или непосредственно с камеры. Вы должны указать разрешение на доступ к камере и галерее на обеих платформах (Android и iOS).
Фрагмент кода для упрощения:
import ImagePicker from 'react-native-image-picker';
// More info on all the options is below in the API Reference... just some common use cases shown here
const options = {
title: 'Select Avatar',
customButtons: [{ name: 'fb', title: 'Choose Photo from Facebook' }],
storageOptions: {
skipBackup: true,
path: 'images',
},
};
/**
* The first arg is the options object for customization (it can also be null or omitted for default options),
* The second arg is the callback which sends object: response (more info in the API Reference)
*/
ImagePicker.showImagePicker(options, (response) => {
console.log('Response = ', response);
if (response.didCancel) {
console.log('User cancelled image picker');
} else if (response.error) {
console.log('ImagePicker Error: ', response.error);
} else if (response.customButton) {
console.log('User tapped custom button: ', response.customButton);
} else {
const source = { uri: response.uri };
// You can also display the image using data:
// const source = { uri: 'data:image/jpeg;base64,' + response.data };
this.setState({
avatarSource: source,
});
}
});
Позже вы можете отобразить это изображение в своем методе render().