Реактивный пример прокрутки scrollView - PullRequest
Новая
       11

Реактивный пример прокрутки scrollView

0 голосов
/ 15 мая 2018

Должно ли работать масштабирование для увеличения, просто установив минимальные масштабирование и максимальное увеличение масштабирования?У меня есть большая картинка, и я хочу, чтобы пользователь мог прокручивать как по горизонтали, так и по вертикали, а также позволял ей использовать масштабирование для увеличения и уменьшения масштаба.Возможная проблема будет также в том, чтобы определить точку касания.Пример кода приведен ниже: 

  <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.Логика должна работать как на андроиде, так и на иосе.Я действительно ценю твою помощь.Спасибо

...