0

我在我的 React Native 项目中使用 react-native-camera 库。

但是当我尝试拍照时遇到问题。保存照片需要 3-4 秒。当我点击按钮拍照时，我听到声音，但保存照片大约需要 3-4 秒。

渲染方法如下：

return (
   <View style={styles.container}>
       <Camera ref={(cam) => {this.camera = cam;}}
               style={styles.preview}
               aspect={Camera.constants.Aspect.fill}>
                    {this.imageOverlay()}
                    <Text style={styles.capture} onPress={this.takePicture.bind(this, this.state.type)}>[CAPTURE]</Text>
       </Camera>
    </View>
)

takePicture功能如下：

takePicture(type){
        let self = this;
        this.camera.capture({target: Camera.constants.CaptureTarget.disk})
            .then((data) => {

                <!---------------------------------------------------------->
                <!------------It takes 3-4 seconds to come here------------!>
                <!---------------------------------------------------------->

                let n_pictures = [];
                each(this.state.pictures, function (picture){
                   if(picture.item !== type.item){
                       n_pictures.push(picture)
                   }else{
                       n_pictures.push({
                           title: type.title,
                           noImage: false,
                           imageOverlay: type.imageOverlay,
                           image: data.path,
                           imageIcon: type.imageIcon,
                           overlay: false,
                           item: type.item,
                           mandatory: type.mandatory
                       })
                   }
                });
                self.setState({pictures: n_pictures, showCamera: false})
            })
            .catch(err => console.error(err));
    }

知道如何解决吗？

我至少可以在照片保存之前放一个加载屏幕吗？

4

1 回答 1

0

所以我遇到了同样的问题，在互联网上搜索了一段时间后，我找不到加快速度的答案。

但是，要回答有关使用加载屏幕的问题，您可能需要查看 Javascript 承诺。对于我的应用程序，我立即将用户重定向到一个新屏幕，并在未解决/拒绝承诺时显示加载图片。解决后，图片就出来了。

我知道这是一个旧的答案，但我会把它放在这里给任何可能有类似问题的人。

于 2018-09-19T20:01:32.550 回答