react-native-image-zoom-viewer学习

{
                                this.state.imageArry.map((item, index)=> {

                                    return this._renderImage(item, index);
                                })
                            }

//图片排列
    _renderImage(item, index) {
        let url = item.url;
        let source = {uri: url};
        return (
            <View style={{alignItems: ‘center‘, marginTop: 5, marginLeft: 5}} key={‘image‘ + index}>
                <TouchableOpacity onPress={this._openMax.bind(this, source, index)}>
                    <Image source={source}
                           style={styles.img}/>
                </TouchableOpacity>
            </View>
        );
    }

_openMax(source, index) {
        this.setState({
            isImageShow: true,
            imageIndex: index,
        });
    }

{this.state.isImageShow ?
                            <Modal visible={true} transparent={true}
                                   onRequestClose={()=> {
                                       this.setState({
                                           isImageShow: false,
                                       });
                                   }}>
                                <ImageViewer imageUrls={this.state.dataArry}
                                             onCancel={()=> {
                                                 this.setState({
                                                     isImageShow: false,
                                                 });
                                             }}
                                             index={this.state.imageIndex}
                                             saveToLocalByLongPress={false}/>
                            </Modal>
                            : null}