React-Native многострочный компонент TextInput: как разрешить прокрутку, когда редактируемое значение равно false

Question

В настоящее время я создаю приложение, которое позволяет пользователю вызывать конечные точки API и отображать ответ JSON API в не редактируемом текстовом вводе.

Проблема, с которой я сталкиваюсь, - это когда клавиатура отключена.Я могу прокручивать текст в поле ввода текста, но когда для параметра editable установлено значение false, а клавиатура не отображается, я не могу прокрутить текст в поле ввода

<TextInput
    multiline={true}
    style={styles.multilineText}
    value={JSON.stringify([this.state.apiResponse], null, '\t')}
    editable={false}
    />

Пожалуйста, помогите

Answer 1

Делая ввод текста для прокрутки в режиме native, вам нужно добавить к нему numberOflines, это свойство, которое принимает значение как int, сколько строк вы хотите отобразить при вводе текста, вы должны указать число и послечто текстовый ввод автоматически получит свойство прокрутки.

<TextInput
        {...this.props} // Inherit any props passed to it; e.g., multiline, numberOfLines below
        editable = {false}
        multiline = {true}
        numberOfLines={3}
      />