反应本机TextInput多行底部

Question

我有一个TextInput，带有一些预定义的文本。 问题在于，在Android上，文本显示在文本输入的底部。我尝试使用textAlignVertical: 'top'将其显示在最高位置，但没有成功，奇怪的是，IOS上的显示效果很好

反应本机TextInput多行

  

多行   如果为true，则文本输入可以为多行。默认值为false。重要的是要注意，这会使文本在iOS上对齐，并在Android上居中。将textAlignVertical设置为top可以在两个平台上实现相同的行为。

当前行为： 文本显示在底部

期望的行为： 要显示在顶部的文本

index.js

render() {
return (
  <View style={{
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#ecf0f1',
    paddingTop: 20,
    paddingBottom: 50,
    paddingLeft: 20,
    paddingRight: 20}}>
      <TextInput
          style={{
            flex: 1,
            textAlignVertical: 'top',
            borderWidth: 1}}
          autoCapitalize={'none'}
          autoCorrect={false}
          value={this.state.textTabs}
          multiline={true}
          onChangeText={(text) => {this.setState({textTabs: text})}}
          underlineColorAndroid={'transparent'}
          editable={true}
      />
  </View>
);}

预先感谢