React Native多行TextInput，文本居中

Question

因此，在使用multiline = true的文本输入时，我遇到了以下问题：文本垂直居中，而不是被推到顶部。

此问题在ios和android上均会发生，但android另一个问题是，当输入多行时，它们会被加至1行的高度。

我想指出的是，我已经尝试在文本输入的样式中添加textAlignVertical: 'top'

代码：（我将其作为单独的命令使用，因为我在带有表单文本的表单中使用它，但是所有参数都被传递了）

    <TextInput
            style={styles.input}
            value={value}
            autoComplete={autoComplete}
            autoCapitalize={autoCapitalize}
            placeholder={placeholder}
            secureTextEntry={secureTextEntry}
            keyboardType={keyboardType}
            returnKeyType={returnKeyType}
            autoFocus={autoFocus}
            onChangeText={onChangeText}
            onSubmitEditing={onSubmitEditing}
            multiline={multiline || false}
            ref={(r) => { inputRef && inputRef(r); }}
    />
样式：

input: {
    paddingRight: 10,
    lineHeight: 23,
    flex: 2,
    textAlignVertical: 'top'
},
ios屏幕截图

android屏幕截图

因此，在使用multiline = true的文本输入时，我遇到了以下问题：文本垂直居中，而不是被推到顶部。此问题发生在ios和android上，除了android ...

Answer 1

[如果有人遇到相同的问题，请尝试textAlignVertical: "top"这可行。有关更多信息，请尝试https://github.com/facebook/react-native/issues/13897

Answer 2

我为您尝试过，请告诉我它是否正确

Answer 3

因此结果，文本输入周围的视图具有alignItems: 'center'在文本输入中将文本居中。