【问题标题】:React Native - Scrollview - Apply a zoom using a method/function not pinchReact Native - Scrollview - 使用方法/功能应用缩放而不是捏
【发布时间】:2021-11-18 08:20:21
【问题描述】:

由于zoomScale 参数似乎不会影响初始缩放级别,我想使用方法/函数对我的ScrollView 设置缩放。

我发现通过ScrollView 引用,我可以获取响应者,然后应用 scrollResponderZoomTo,但它仅适用于 iOS。

有没有办法通过捏合手势以外的其他方式来控制ScrollView 的缩放?

【问题讨论】:

    标签: react-native scrollview zooming


    【解决方案1】:

    回答我自己的问题,可以通过组件的引用在ScrollView 的响应者上使用函数scrollResponderZoomTo

    ...
    <ScrollView
       ref={this.scrollViewRef}
    ...
    

    还有这样的电话:

    this.scrollViewRef.current?.getScrollResponder().scrollResponderZoomTo({
        x: viewContentOffsetX || 0,
        y: viewContentOffsetY || 0,
        width: widthOfTheVisiblePart,
        height: heightOfTheVisiblePart,
        animated: false})
    

    最多一个函数根据预期的缩放值计算可见部分

    【讨论】:

      猜你喜欢
      • 2018-02-07
      • 2021-09-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-10-18
      • 2021-10-17
      • 1970-01-01
      相关资源
      最近更新 更多