Question

我在我的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));
    }

知道怎么解决吗？

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

Answer 1

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

但是，要回答有关使用加载屏幕的查询，您可能需要研究Javascript Promise。对于我的应用程序，我立即将用户重定向到新屏幕，并在未解决/拒绝承诺的情况下显示加载图片。解决后，图片就会显示出来。

我知道这是个老答案，但是我将把这个问题提供给其他可能遇到类似问题的人。

react-native-camera慢速响应原生android

1 个答案: