代码之家 › 专栏 › 技术社区 › 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}
      />

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

9 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

9 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

10 月前

Luckkks · 过渡色工作不正常

10 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

10 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

10 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

10 月前

noblerare · Vite错误-未定义导出(SSR)

10 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

10 月前