反应本地图像背景缩放

时间:2018-06-24 15:05:24

标签: reactjs react-native zoom

我的React Native应用程序中有一个背景图像,我想添加平移/放大/缩小的功能。

任何人都有适合他们的模块吗?

到目前为止,我已经尝试过image-pan-zoomphoto-view,但都没有为我工作。

image-pan-zoom不能正确渲染我的图像,因为它似乎不能很好地与flex配合使用。

照片视图似乎不适用于背景图像。

我希望能够设置最小和最大缩放以及理想的其他一些属性。以下是我要应用缩放的图像的代码片段。

       <View style = {styles.Component2}>
            <ImageBackground
            source =  {require('/Users/bb/Coding/App/Images/Background.png')}
            style={styles.map}>
              <Animated.Image
                style={[
                  styles.pin,
                  {transform:
                    this.valuePin.getTranslateTransform(),
                    opacity: this.valuePino
                  }]}
                  source={require('/Users/bb/Coding/App/Images/cute')}/>
              <Animated.Image
                style={[
                  styles.bb,
                  {transform:
                    this.valueBus.getTranslateTransform(),
                    opacity: this.valueBuso
                  }]}
                  source={require('/Users/bb/Coding/App/Images/HB')}/>
            </ImageBackground>
        </View>

0 个答案:

没有答案