我想创建一个TextInput,它可以自动增长时,它有多行。
<TextInput
placeholder="Type Comment"
value={this.state.comment.value}
onChangeText={value => this.onChangeComment(value)}
onPress={() => this.uploadComment()}
multiline={true}
maxLength={200}
numberOfLines={5}
/>
我如何才能做到这一点?
5条答案
按热度按时间smtd7mpg1#
想想React Native团队在当前版本(0.59)中使用
multiline
prop修复了它。这对我很有效
brvekthn2#
要实现自动增长多行文本输入,您可以根据textInput中的内容大小调整文本输入的高度。
你可以在TextInput中使用onContentSizeChange属性,并调用一个函数来增加/减少输入的高度。
下面是快速示例代码
或
您可能需要使用react-native-auto-grow-textinput
ukxgm1gy3#
使用React钩子
只是为了补充Shivam的答案,这里是带有钩子的版本:
ryevplcw4#
为此使用模块
链接:https://www.npmjs.com/package/react-native-autogrow-textinput
pdtvr36n5#
对于其他人想知道如何让它增长和收缩的新线这里是我所做的。