Javascript 无法读取属性';启动ImageLibrary';未定义的react本机图像选择器的
“我的功能”提供了一个可触摸的小图像图标,可使用Javascript 无法读取属性';启动ImageLibrary';未定义的react本机图像选择器的,javascript,react-native,react-native-image-picker,Javascript,React Native,React Native Image Picker,“我的功能”提供了一个可触摸的小图像图标,可使用“react native image picker”:“^3.3.2”上传或拍照 我收到错误:无法读取未定义的属性“launchImageLibrary”,与此相同,但正如您所看到的,我的代码已经按照他们的指示进行了导入 以下是我的完整代码: import React from 'react'; import { StyleSheet, Image, TouchableOpacity, Alert } from '
“react native image picker”:“^3.3.2”
上传或拍照
我收到错误:无法读取未定义的属性“launchImageLibrary”
,与此相同,但正如您所看到的,我的代码已经按照他们的指示进行了导入
以下是我的完整代码:
import React from 'react';
import {
StyleSheet,
Image,
TouchableOpacity,
Alert
} from 'react-native';
import { launchImageLibrary } from 'react-native-image-picker';
const ImageUpload: React.FC<any> = ({}) => {
function showMessage() {
Alert.alert("Upload image", "Choose a option", [
{
text: 'Camera',
onPress: () => openCamera(),
},
{
text: 'Gallery',
onPress: () => openLibrary()
},
]);
}
const openLibrary = () => {
const options = {
storageOptions: {
skipBackup: true,
path: 'images',
},
};
launchImageLibrary(options, (response) => {
console.log(response);
});
}
const openCamera = () => {
//ongoing
}
return(
<>
<TouchableOpacity onPress={()=>showMessage()}>
<Image source={require('./picture.png')} style={{ width: 70, height: 70 }}/>
</TouchableOpacity>
</>
);
};
const style = StyleSheet.create({
ImageIcon: {
justifyContent: "center",
alignItems: "center",
}
});
export default ImageUpload;
从“React”导入React;
进口{
样式表,
形象,,
可触摸不透明度,
警觉的
}从“反应本机”;
从“react native image picker”导入{launchImageLibrary};
const ImageUpload:React.FC
我已经执行了npx pod安装
这不是一个正确的sintax,从'react native image picker'中抛出errorimport*作为ImagePicker;
import Library as import * as ImagePicker from 'react-native-image-picker';