react-native-image-zoom-viewer库无法按发行版中的图像缩放预期工作

时间:2019-04-01 11:43:47

标签: react-native

我在单击图像时,正在使用react-native-image-zoom-viewer来缩放图像。当应用程序在调试模式下运行时,图像缩放功能可以正常工作。但是,当我尝试在发布模式下测试相同的功能时,它没有按预期工作。

我正在传递用于图像初始视图的道具300 * 300(高*宽),在调试模式下运行良好。但是在发布模式下,这是行不通的,我认为新图像的大小变为800 * 800,但我从未传递过任何类似的值。

我已经尝试过按照图书馆的建议通过适当的道具。也做了一些改动。但是在调试模式下似乎没有任何作用

const imageList = [];
            for (let i=0; i<images.length; i++){
                imageList.push({url:images[i].uri,width:300,height:300});
            }
            return(
                <ImageViewerLib 
                    imageUrls={imageList}
                    renderIndicator={()=>{}}
                    loadingRender={()=><Loader isLoader = { true } style = {{height:100,with:100}} />}
                    renderArrowLeft={()=>
                        <View style={{padding: 10}} >
                            <Icon 
                                type = { 'Ionicons' } 
                                name = { 'arrow-round-back' }
                            />
                        </View>
                    }
                    renderArrowRight={()=>
                        <View style={{padding: 10}}>
                            <Icon 
                                type = { 'Ionicons' } 
                                name = { 'arrow-round-forward' }
                            />
                        </View>
                    }
                    backgroundColor="white"
                    index={imageIndex}
                    saveToLocalByLongPress={false}
                    enablePreload={true}
                    flipThreshold={50}
                    maxOverflow={300}
                />
            );

正如您在上面的代码中看到的那样,我正在传递固定的图像宽度和高度,该宽度和高度在调试模式下可以正常工作。 但是在发布模式下,此大小不起作用。初始渲染的图像要比提供的尺寸大得多。

0 个答案:

没有答案