javascript - React-Native 多行 TextInput 组件 : how to allow scroll when editable set to false

Question

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

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

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

请帮忙

Answer 1

要使文本输入在React Native中滚动，您必须向其添加numberOflines，这是一个将值为int的属性，您想要在文本输入中显示多少行，您必须提供数字和之后这样，文本输入将自动获得滚动属性。

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