React-Native多行TextInput组件：当可编辑设置为false时如何允许滚动

Question

我目前正在构建一个允许用户调用 API 端点并在不可编辑的文本输入中显示 JSON API 响应的应用程序。

我面临的问题是，当键盘被禁用时，我可以在文本输入框内滚动，但是当可编辑设置为 false 并且键盘不显示时，我无法在文本输入框内滚动文字输入

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

请帮忙

Answer 1

让文本输入滚动反应原生，你必须添加 numberOflines 给它，这是将值作为 int 的属性，你想在文本输入中显示多少行你必须提供数字和之后即，文本输入将自动获得滚动属性。

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