javascript - 世博会相机拍照崩溃应用程序

Question

我目前正在 iOS 上的应用程序中使用 expo 相机。

当我尝试像这样保存图像时，应用程序崩溃了。

takePicture = async function() {
    this.camera.takePictureAsync().then(data => {
      FileSystem.moveAsync({
            from: data,
            to: `${FileSystem.documentDirectory}photos/Photo_${this.state
              .photoId}.jpg`,
          }).then(() => {
            this.setState({
              photoId: this.state.photoId + 1,
            });
            Vibration.vibrate();
          }).catch((err) => {
            console.log("Error : " + err);
          });
    }).catch(error => {
      console.log(error);
    });
    Vibration.vibrate();
    console.log("Taking pic");
  }

此外，Vibration.vibrate() 实际上并不振动手机。我在执行早期收到一个错误:

componentDidMount() {
    FileSystem.makeDirectoryAsync(
      FileSystem.documentDirectory + 'photos'
    ).catch(e => {
      console.log(e, 'Directory exists');
    });
  }

错误只是说

[Error: Directory 'file:///var/mobile/Containers/Data/Application/X/Documents/ExponentExperienceData/X/photos' could not be created.]

还有人遇到过同样的问题吗？如果有人能让我知道如何添加振动，那就太棒了。我已将其添加到文件顶部:

import {
  StyleSheet,
  Text,
  View,
  TouchableOpacity,
  Slider,
  Image,
  Picker,
  Button,
  ScrollView,
  Vibration,
} from 'react-native';

编辑:我已经解决了保存到相机胶卷的问题。振动问题仍然存在。

谢谢

Answer 1

对于您描述的第一个问题，尽管您通过将其保存到相机胶卷的解决方法解决了它，但我建议您发布编辑后的代码以使问题保持​​最新状态。

文件系统问题

解决文件系统错误问题，原始代码应该按原样工作，但您可以检查:

1. expo 应用程序是否具有适当的文件访问权限(应通过 expo 库自动进行，但请尝试更新 expo 应用程序)。有关文件系统的文档可以在这里找到:https://docs.expo.io/versions/latest/sdk/filesystem.html
2. 您可能需要创建中间目录(即照片):

像这样:

async componentDidMount() {
  try {
    await FileSystem.makeDirectoryAsync(
      `${FileSystem.documentDirectory}photos`,
      {
        intermediates: true, // creates intermediate directories
      }
    )
  } catch (e) {
    console.log(e)
  }
}

振动问题

振动问题可能是由react-native中的错误引起的，如下所述:https://github.com/facebook/react-native/issues/8955#issuecomment-353373616

作为一种解决方法，您可以在设置状态之前振动，即:

takePicture = async function() {
  if (this.camera) {
    const picture = await this.camera.takePictureAsync();
    const pictureFile = await FileSystem.moveAsync(
      {
        from: picture.uri,
        to: `${
          FileSystem.documentDirectory
        }photos/Photo_${this.state.photoId}.jpg`
      }
    ).catch(err => console.error(err));
    Vibration.vibrate();
    console.log("Pic taken", this.state.photoId);
    return this.setState({
      photoId: this.state.photoId + 1
    });
  }
};