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