Question

我正在使用react native重建类似于Adobe Fill＆Sign的android应用。问题是，我不知道如何让用户点击pdf，如何在pdf顶部呈现用户点击的文本字段，以及让用户在其中键入内容。

任何人都知道如何执行此操作吗？谢谢。

Answer 1

我的想法是将透明视图放置在pdf视图上，这将触发对话框的打开，就像我在警报下方触发一样。您的对话框将包含所需的TextInput：（您可以计算用户按下的x和y坐标，然后在该视图位置触发对话框以获取所需的内容）

<View>
    <View> {/* this view will be the pdf*/}
      <Text>{"backgroundView_place of pdf for example"}</Text>
      <Text>{"More pdf texts"}</Text>
    </View>
 {/* this view will be over the pdf and onClick some dialog with input will be triggered, i use alert for example*/}
    <TouchableWithoutFeedback
      onPress={() => {
        alert("InputDialog will be opened here");
      }}
    >
      <View
        style={{
          position: "absolute",
          height: 600,
          width: 300,
          backgroundColor: "transparent"
        }}
      />
    </TouchableWithoutFeedback>
</View>

您可以使用react-native-dialog或任何其他可以在其中添加TextInput或所需组件的对话框库。
注意：我使用TouchableWithoutFeedback，这样就不会对点击产生任何影响，例如不透明度变化或高光显示等。

React native-通过让用户在文本字段中键入来编辑pdf

1 个答案: