Question

我需要缩放和平移包含图像输入的视图。输入必须保持相对于图像的位置，并且在Android和iOS上都要调整大小。

我尝试使用react-native-view-editor完成此操作，但TextInput没有像图像那样放大，它与屏幕保持相同的大小：

heroku local web

我也试过了react-native-photo-view，但它不允许使用图片添加和控制TextInput或任何其他元素：

<View style={{ flex: 1 }}>
    <ViewEditor
      imageHeight={width}
      imageWidth={width}
      imageContainerHeight={width}
      imageMask={this.mask}
      maskHeight={width}
      maskPadding={50}
      >
      {() => (
        <Image
          source={{ uri: this.state.image }}
          style={{ flex: 1}} >
          <View>
            <TextInput />
          </View>
        </Image>
      )}
    </ViewEditor>
  </View>

感谢任何帮助。

编辑：我刚尝试使用此问题中包含的组件：Scrollable image with pinch-to-zoom，但我遇到了与第一次尝试相同的问题。我在图像标记中放置了一个TextInput，如下所示：

<PhotoView
  source={{ uri: this.state.image }}
  minimumZoomScale={1}
  maximumZoomScale={2}
  androidScaleType="fitCenter"
  style={{ flex: 1 }}>
    <TextInput /> // error
</PhotoView>

并且TextInput没有放大，它相对于屏幕保持相同的大小，而不是相对于图像比例。

缩放并平移包含图像输入的视图

0 个答案: