Android 如何将自拍棒融入世博项目?
我正在react native中构建一个应用程序,并由Expo管理。在一个模块中,我想使用自拍棒或任何其他可以捕捉照片的无线设备。我使用过世博会相机。所以我想要的是,无论何时我在摄像机屏幕上,如果有人点击自拍棒或任何捕捉设备上的按钮,那么照片必须被捕捉,照片缪斯将被发送到服务器上 这就是我现在捕捉的方式Android 如何将自拍棒融入世博项目?,android,ios,react-native,expo,expo-camera,Android,Ios,React Native,Expo,Expo Camera,我正在react native中构建一个应用程序,并由Expo管理。在一个模块中,我想使用自拍棒或任何其他可以捕捉照片的无线设备。我使用过世博会相机。所以我想要的是,无论何时我在摄像机屏幕上,如果有人点击自拍棒或任何捕捉设备上的按钮,那么照片必须被捕捉,照片缪斯将被发送到服务器上 这就是我现在捕捉的方式 const ImageSelector = (props) => { const [pickedImage, setPickedImage] = useState()
const ImageSelector = (props) => {
const [pickedImage, setPickedImage] = useState()
const verifyPermissions = async () => {
const result = await Permissions.askAsync(Permissions.CAMERA, Permissions.CAMERA_ROLL)
if (result.status !== 'granted') {
Alert.alert('Infufficent Permission. You must allow Camera', [
{ text: 'okay' }
])
return false
}
return true
}
const takeImageHandler = async () => {
const hasPermission = await verifyPermissions()
if (hasPermission) {
const image = await ImagePicker.launchCameraAsync({
aspect: [1, 1]
})
setPickedImage(image.uri)
props.onImageTaken(image.uri)
}
else {
return
}
}
return (
<View style={styles.imagePicker}>
<View style={styles.imagePreviw}>
{!pickedImage ? (<Text>No image picked Yet!</Text>) :
(<Image style={styles.image} source={{ uri: pickedImage }} />)
}
</View>
<Button
title="Take Image"
color={Colors.primary}
onPress={takeImageHandler}
/>
</View>
)
}
constImageSelector=(道具)=>{
常量[pickedImage,setPickedImage]=useState()
const verifyPermissions=async()=>{
const result=wait Permissions.askAsync(Permissions.CAMERA,Permissions.CAMERA\u ROLL)
如果(result.status!=“已授予”){
Alert.Alert('权限不足。您必须允许摄像头'[
{文本:“好的”}
])
返回错误
}
返回真值
}
const takeImageHandler=async()=>{
const hasPermission=等待验证权限()
如果(已获得许可){
const image=wait ImagePicker.launchCameraAsync({
方面:[1,1]
})
setPickedImage(image.uri)
props.onimagetake(image.uri)
}
否则{
返回
}
}
返回(
{!拾取图像?(尚未拾取图像!):
()
}
)
}