Question

我在本机项目中使用了native-base的deckSwiper。我希望用户也可以缩放图像。我没有找到任何可以做到的事情。如何在原生基础上缩放甲板刷卡的图像？

代码：

<DeckSwiper
    ref={(c) => this._deckSwiper = c}
    dataSource={cards}
    renderEmpty={() =>
        <View style={{alignSelf: "center"}}>
            <Text>Over</Text>
        </View>}
    renderItem={item =>
        <Card style={{elevation: 3}}>
            <CardItem cardBody>
                <Image style={{height: 300, flex: 1}} source={item.image}/>
            </CardItem>
        </Card>
    }
/>

Answer 1

不，DeckSwiper不提供缩放功能。但是，您可以将第三方库用于该功能，而不是使用<Image>

以下是我在我的应用程序中使用的少数第三方库。

1）react-native-image-zoom
2）react-native-image-viewer

但是，在使用任何此库之前，您应该检查您的要求并检查哪一个最适合您。

Answer 2

它不支持Deck Swiper支持图像缩放功能

如果React Native Image默认提供缩放功能，那么NativeBase显然会支持此

可以在原生基地的甲板上使用缩放图像

2 个答案: