Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/97.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 反应本机多行文本输入,文本居中_Android_Ios_Reactjs_React Native_Textinput - Fatal编程技术网

Android 反应本机多行文本输入,文本居中

Android 反应本机多行文本输入,文本居中,android,ios,reactjs,react-native,textinput,Android,Ios,Reactjs,React Native,Textinput,因此,当使用multiline=true的文本输入时,我遇到了这样一个问题:文本垂直居中,而不是被推到顶部 这个问题发生在ios和android上,除了android还有另一个问题,当输入多行时,它们的字母框高度为1行 我想指出,我已经尝试将textAlignVertical:'top'添加到textinput的样式中 代码:(我把它作为一个单独的组件,因为我在带有表单文本的表单中使用它,但所有参数都传递了一些东西) ios屏幕截图 android屏幕截图 我帮你试过这个,请告诉我是否正确

因此,当使用multiline=true的文本输入时,我遇到了这样一个问题:文本垂直居中,而不是被推到顶部

这个问题发生在ios和android上,除了android还有另一个问题,当输入多行时,它们的字母框高度为1行

我想指出,我已经尝试将
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}
   />