EXPO 从相机拍摄后将照片保存在图片中

Question

EXPO React Native, running the app on Expo Go on my android mobile.

I am trying to save photo taken by the Camera to Pictures folder on my Android device. It just not happening. Can anyone help me figure out what is wrong?

takePicture = async () => {
  const { uri } = await this.camera.takePictureAsync();
  console.log(‘uri’, uri);
  const asset = await MediaLibrary.createAssetAsync(uri);
  console.log(‘asset’, asset.filename);
  MediaLibrary.createAlbumAsync(‘Pictures’, asset)
  .then(() => {
    Alert.alert(‘Album created!’)
  })
  .catch(error => {
    Alert.alert(‘An Error Occurred!’)
  });
   this.setState({ photoId: this.state.photoId + 1 });
   Vibration.vibrate(); 
}

my console return the uri after photo taken but asset.file is not returned it is like nothing is happening there. any help is appreciated.

I dumped medialibrary for imagepicker and it worked with this code

  _takePhoto = async () => {
    const {
      status: cameraPerm
    } = await Permissions.askAsync(Permissions.CAMERA);

    const {
      status: cameraRollPerm
    } = await Permissions.askAsync(Permissions.CAMERA_ROLL);

    // only if user allows permission to camera AND camera roll
    if (cameraPerm === 'granted' && cameraRollPerm === 'granted') {
      let pickerResult = await ImagePicker.launchCameraAsync({
        mediaTypes: ImagePicker.MediaTypeOptions.Images,
        allowsEditing: false,
        aspect: [4, 3],
        quality: 0.2,
      });

      this._handleImagePicked(pickerResult);
    }
  };

Answer 1

You can use this function of expo-media-library but you can't specify the folder.

await MediaLibrary.saveToLibraryAsync(uri);

I'm thinking of using this function below to move the image to a specific folder.

MediaLibrary.addAssetsToAlbumAsync(assets, album, copyAssets)

You can check this url Expo Media Library