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));
}
それを解決する方法はありますか?
写真が保存されるまで、少なくとも読み込み画面を表示できますか?