我想使用react-native-image-picker捕获多个图像

时间:2018-10-25 04:54:57

标签: javascript react-native react-native-image-picker

  // add no of images equal to Qty

handleQuantity(qty) {
    this.setState({ qty: qty })
    for (let i = 0; i < qty; i++) {
        this.selectPhotoTapped(i)
    }

}



selectPhotoTapped(count) {
    const options = {
        quality: 1.0,
        maxWidth: 500,
        maxHeight: 500,
        storageOptions: {
            skipBackup: true
        }
    };

    ImagePicker.launchCamera(options, (response) => {
        console.log(response);
        if (response.didCancel) {
            console.log('User cancelled photo picker');
        }
        else if (response.error) {
            console.log('ImagePicker Error: ', response.error);
        }
        else {
            //let source = { uri: response.uri };
            // this.setState({
            //     ImageSourceArr: [...this.state.ImageSourceArr, source]
            // });
            Realm.open(databaseOptions).then(realm => {
                realm.write(() => {
                    realm.create(Images_SCHEMA, {
                        id: count,
                        path: response.uri
                    });

                    // this.setState({ size: realm.objects(Images_SCHEMA).length });
                    const res = realm.objects(Images_SCHEMA)
                    let res2 = JSON.parse(JSON.stringify(res))
                    for (let key in res2) {
                        this.setState({
                            ImageSourceArr: [...this.state.ImageSourceArr, res2[key].path],
                            size: realm.objects(Images_SCHEMA).length
                        });
                    }
                });
            });

        }

    });

}

handleQuantity()函数调用选择的数量乘以次数Phototap()函数 和selectedPhotoTap()函数将路径插入到realm中,但问题是它仅存储最后一个图像路径,我想插入所有通过函数selectedPhotoTap捕获的图像 请任何人帮助我

1 个答案:

答案 0 :(得分:0)

  

react-native-image-picker不支持多种图像选择,裁剪工具以及对本机iOS功能的横向支持-库不存在问题。如果您需要这些东西,则“ react-native-image-crop-picker”可能是您更好的选择。

https://github.com/ivpusic/react-native-image-crop-picker