reactjs - 无法覆盖react-native的TextInput默认填充

Question

我有以下文本输入:

  _renderTextInput() {
    return (
      <TextInput
        onChangeText={TextInput => this.setState({TextInput})}
        style={{flex: 1, backgroundColor: "maroon", paddingVertical: 0}}
        autoFocus={true}
        multiline={true}
        underlineColorAndroid="transparent"
        returnKeyType="go"
      />
    )
  }

  render() {
    return(
      <View style={{flex: 1, backgroundColor: "#E0E0E0", paddingVertical: 0}}>
        {this._renderTextInput()}
      </View>
    )
  }

我想要实现的是一个全屏无干扰区域，供用户输入他的帖子。

我确信这是一个填充问题，但无论我尝试什么，我都无法覆盖它。我尝试了 padding:0 paddingTop:0 paddingVertical: 0 似乎没有任何效果...

预览:

Answer 1

经过一整天的无休止的g-o-o-g-l-i-n-g，我找到了导致不需要的填充的原因。看起来默认情况下，TextInput 的文本垂直居中，因此所有内容都恰好位于中间。要覆盖它，只需添加:

textAlignVertical: 'top' 到 TextInput 的样式，就完成了。 :)

@matt-aft 关于更改文本样式的评论有助于解决这个问题。