Hướng dẫn sử dụng react-native-image-picker

2023-06-01 09:04:27

Hướng dẫn sử dụng thư viện react-native-image-picker trong react native để thao tác với camera và thư viện ảnh trên android

Bước 1: Cài đặt thư viện:

Tại thư mục dự án CMD:

npm install react-native-image-picker --save

Bước 2: Permissions

Mỏ project chọn android/app/src/debug/AndroidManifest.xml

Sử dụng: VÍ DỤ MỞ CAMERA:

const requestCameraPermission = async () => {
      try {
        const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.CAMERA);
        if (granted === PermissionsAndroid.RESULTS.GRANTED) {
          console.log("Camera permission given");
          const result:any = await launchCamera({mediaType:'photo',cameraType:'front'})
          setImg(result.assets[0].uri);
        } else {
          console.log("Camera permission denied");
        }
      } catch (err) {
        console.warn(err);
      }
    };

Mở bộ sưu tập:

launchImageLibrary(options?);

Các option: https://github.com/react-native-image-picker/react-native-image-picker#note-on-file-storage