我正在使用 React Native 开发一个 React Native 应用程序。我正在使用本机图像选择器库https://www.npmjs.com/package/react-native-imagepicker从图库中提取图像。但是当我打开图像选择器时,我的应用程序停止工作并退出。
这是我的代码
import React from "react";
import { CameraRoll, View, Text, Button, Alert, Image } from "react-native";
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"
}
};
class Gallery extends React.Component {
constructor(props) {
super(props);
this.state = {
url:"https://www.designevo.com/res/templates/thumb_small/terrible-black-bat-icon.png",
avatarSource: null
};
}
saveToCameraRoll = () => {
let { url } = this.state;
};
_handlePickImageButton = () => {
ImagePicker.showImagePicker(options, response => {
console.log("Response = ", response);
if (response.didCancel) {
Alert.alert("User cancelled image picker")
} else if (response.error) {
//console.log("ImagePicker Error: ", response.error);
Alert.alert("ImagePicker Error:");
} else if (response.customButton) {
//console.log("User tapped custom button: ", response.customButton);
Alert.alert("Custom button");
} 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() {
return (
<View>
<Button
onPress={() => {
this._handlePickImageButton();
}}
title="Pick a image"
>
Pick image
</Button>
<Image source={this.state.avatarSource} />
</View>
);
}
}
export default Gallery;
我的代码有什么问题?此外,我没有在控制台中收到任何错误信息,如下面的屏幕截图所示。
我试过了,也是这样打开的
ImagePicker.launchImageLibrary(options, (response) => {
//nothing implemented yet
});
它刚刚停止工作。
我也在 plist 中添加了以下权限:
我也试过这个
const options = {
noData: true
};
ImagePicker.launchImageLibrary(options, (response) => {
});