如何在 react native 中正确对齐文本输入?

2022-08-30 05:15:01

文本输入居中对齐,如何修复此文本输入,以便从左上角获取输入

The Text input is center aligned, how to fix this text input so that it takes input from top left corner

这是我用于文本输入的css:

 /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */

input: {
    flex: 1,
    padding: 4,
    marginRight: 1,
    marginTop: 5,
    fontSize: 18,
    borderWidth: 1,
    borderRadius: 4,
    borderColor: '#E6E5ED',
    backgroundColor: '#F8F8F9',
    justifyContent: 'flex-start',
    height: 150
}

答案 1

我有同样的问题,但上面的笔记没有解决它。有一个仅限 Android 样式的属性 textAlignVertical 修复了多行输入上的此问题。

textAlignVertical: 'top'


答案 2

TextInput 具有默认填充,请通过设置以下内容来覆盖它:

paddingTop: 0,
paddingBottom: 0

Github Issue