代码之家 › 专栏 › 技术社区 › Chris Marshall

React Native multiline TextInput component:如何在可编辑设置为false时允许滚动

mobile react-native reactjs android javascript

Chris Marshall · 技术社区 · 6 年前

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

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

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

请帮忙

1 回复 | 直到 6 年前

Husain Khanbahadur 6 年前

要使文本输入在react native中滚动,必须向其添加numberOflines,这是一个将值作为int的属性,要在文本输入中显示多少行,必须提供数字,然后,文本输入将自动获得scroll属性。

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