Реагируй на родной язык - редактируй pdf, заставляя пользователей печатать в текстовом поле

Question

Я использую реагировать нативно, чтобы перестроить приложение для Android, подобное Adobe Fill & Sign.Проблема в том, что я не знаю, как позволить пользователям нажимать на 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>

Вы можете использовать Reaction-native-dialog или любая другая библиотека диалогов, которая позволяет вам добавлять TextInput или любой компонент, который вы хотите внутри него. Примечание: Я использую TouchableWithoutFeedback, чтобы при нажатии не происходило никакого эффекта, например, изменение непрозрачности или выделения и т. Д.