React-native-image-picker无法打开摄像头

react-native-image-picker 是一个用于在 React Native 应用中选择图片和打开摄像头的库

确保已正确安装 react-native-image-picker：

npm install react-native-image-picker

如果您使用的是 React Native 0.60 或更高版本，请确保已链接本机模块：

cd ios && pod install && cd ..

在 AndroidManifest.xml 文件中添加必要权限：

<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-feature android:name="android.hardware.camera" android:required="true" />

在 Info.plist 文件中添加必要权限：

<key>NSCameraUsageDescription</key>
<string>这个应用需要访问您的摄像头</string>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>这个应用需要访问您的相册</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>这个应用需要访问您的相册</string>

在组件中调用 ImagePicker.launchCamera 方法：

import React, {useState} from 'react';
import {View, Button, Image} from 'react-native';
import ImagePicker from 'react-native-image-picker';

const App = () => {
  const [imageUri, setImageUri] = useState(null);

  const launchCamera = () => {
    const options = {
      mediaType: 'photo',
      includeBase64: false,
      maxHeight: 2000,
      maxWidth: 2000,
    };

    ImagePicker.launchCamera(options, (response) => {
      if (response.didCancel) {
        console.log('User cancelled image picker');
      } else if (response.error) {
        console.log('ImagePicker Error: ', response.error);
      } else {
        setImageUri(response.uri);
      }
    });
  };

  return (
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
      <Button title="Open Camera" onPress={launchCamera} />
      {imageUri && <Image source={{uri: imageUri}} style={{width: 200, height: 200}} />}
    </View>
  );
};

export default App;