Question

只需设置minimumZoomScale和maximumZoomScale，是否可以进行缩放操作？我有一张大图片，我希望允许用户水平和垂直滚动，并允许她使用捏放大和缩小。最终的问题还是能够检测到分接点。示例代码如下：

  <View style={{flex: 1}}>
    <View style={{backgroundColor: 'red', flex: 1}}>
      <Text>Details Screen</Text>
      <Text>Image is {this.state.imageInfo.uri}</Text>
    </View>
    <View style={{flex: 9}} onLayout={this.handleImageViewOnLayout}>
      <ScrollView horizontal={true}
        minimumZoomScale={0.1}
        maximumZoomScale={5}>
        <ScrollView
          minimumZoomScale={0.1}
          maximumZoomScale={5}
          scrollEnabled={true}
          showsHorizontalScrollIndicator={true}
          showsVerticalScrollIndicator={true}
          >
          <TouchableHighlight
            onLayout={this.handleTouchableOnLayout}
            onPress={(evt) => this.handlePress(evt)}>
            <Image
              source={{uri: 'https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Tunnel_View%2C_Yosemite_Valley%2C_Yosemite_NP_-_Diliff.jpg/2560px-Tunnel_View%2C_Yosemite_Valley%2C_Yosemite_NP_-_Diliff.jpg'}}
              style={{
                height: 2560,
                width: 1671
              }}
              />
          </TouchableHighlight>
        </ScrollView>
      </ScrollView>
    </View>
  </View>

github上的完整代码：https://github.com/alisalimi25/skroll。逻辑应该适用于android和ios。我非常感谢你的帮助。感谢

react-native scrollView捏示例

0 个答案: