Android 反应本机多行文本输入,文本居中
因此,当使用multiline=true的文本输入时,我遇到了这样一个问题:文本垂直居中,而不是被推到顶部 这个问题发生在ios和android上,除了android还有另一个问题,当输入多行时,它们的字母框高度为1行 我想指出,我已经尝试将Android 反应本机多行文本输入,文本居中,android,ios,reactjs,react-native,textinput,Android,Ios,Reactjs,React Native,Textinput,因此,当使用multiline=true的文本输入时,我遇到了这样一个问题:文本垂直居中,而不是被推到顶部 这个问题发生在ios和android上,除了android还有另一个问题,当输入多行时,它们的字母框高度为1行 我想指出,我已经尝试将textAlignVertical:'top'添加到textinput的样式中 代码:(我把它作为一个单独的组件,因为我在带有表单文本的表单中使用它,但所有参数都传递了一些东西) ios屏幕截图 android屏幕截图 我帮你试过这个,请告诉我是否正确
textAlignVertical:'top'
添加到textinput的样式中
代码:(我把它作为一个单独的组件,因为我在带有表单文本的表单中使用它,但所有参数都传递了一些东西)
ios屏幕截图
android屏幕截图
我帮你试过这个,请告诉我是否正确
this.setState({value:text})}
多行={true}
“透明的”
/>
因此,围绕文本输入的视图显示了alignItems:“center”
将文本置于文本输入的中心
因此更改为alignItems:this.multiline?“弹性启动“:“中心”,
同样对于android问题,我不得不添加
numberOfLines={5}
,修复了字母盒问题如果有人面临同样的问题,请尝试textAlignVertical:“top”
这很有效。
有关更多信息,请尝试设置
多行属性解决问题
<TextInput
style={styles.input}
value={this.state.value}
onChangeText={text=>this.setState({value:text})}
multiline={true}
numberOfLines={4}
/>
this.setState({value:text})}
多行={true}
numberOfLines={4}
/>
您是否尝试在textinput中的样式标记中指定高度。。?或者提供您尝试过的代码……为问题添加了代码。@chetangodiya您对解决方案有什么想法吗?没人能解决这个问题:(我试过并补充说,答案可能是你们应该试着让我知道它是否正确……它只适用于Android。不幸的是,它在iOS中不起作用。
input: {
paddingRight: 10,
lineHeight: 23,
flex: 2,
textAlignVertical: 'top'
},
<TextInput
style={styles.input}
value={this.state.value}
onChangeText={text=>this.setState({value:text})}
multiline={true}
numberOfLines={4}
/>