React Native Expo显示相机拍摄的所有图像并保存

时间:2019-07-01 16:06:59

标签: javascript reactjs react-native expo

我想在应用程序的同一视图中以列表的形式显示曝光相机拍摄的所有图像并保存它们

目前,在拍摄照片时,我会保留并显示照片,但是如果保存在手机的图片库中,则不会保存在应用程序的视图中,但是我想显示所有照片的列表并保存视图。在应用程序中并带有从该视图拍摄的所有照片,

您应该怎么做才能在应用程序视图中显示所有拍摄的照片?

这是我的代码

async takePicture() {
    const result = await ImagePicker.launchCameraAsync({
      allowEditing: false,
      exif: true
    });

    if (!result.cancelled) {
      this.setState({ image: result.uri });
    }
    CameraRoll.saveToCameraRoll(this.state.image);
  };
render() {
    const { hasCameraPermission, image } = this.state

    if (hasCameraPermission === null) {
      return <View />;
    } else if (hasCameraPermission === false) {
      return <Text>No access to camera</Text>;
    } else {
      return (
        <View style={{ flex: 1, width: '100%', height: '100%' }}>
          <Button
            title={t('buttons:takeaPhoto')}
            titleStyle={index.titleButtonStyle}
            containerStyle={{
              margin: 0,
              paddingTop: 10,
              paddingHorizontal: 10
            }}
            buttonStyle={index.buttonStyle}
            onPress={() => this.takePicture() }
          />
          { image &&
            <View>
              <Image style={styles.image} source={{ uri: this.state.image }} />

            </View>
          }
        </View>
      );
    }
  }

0 个答案:

没有答案