React Native Text Input 将文本放在输入的底部

Question

我在 react native 中有一个文本输入，默认情况下，文本在输入框中居中

有没有办法让文字在输入的底部，就好像输入框的下边框和文字之间有0填充一样？

<TextInput
   type='submit'
   style={styles.input}
   onChangeText={text => this.setState({ name: text })}
   title='Name'
   value={this.state.name}
/>

input: {
        height: 40,
        width: 250,
        margin: 12,
        borderRadius: 0,
        backgroundColor: 'white',
        borderBottomWidth: 1 
}

Answer 1

对于 Android，您可以使用 textAlignVertical:'bottom', paddingTop: 0, paddingBottom:0，在 TextInput 中将文本与底部对齐

input: {
height: 40,
width: 250,
margin: 12,
borderRadius: 0,  
backgroundColor: 'white',
borderBottomWidth: 1 , 
textAlignVertical:'bottom', paddingTop: 0, paddingBottom:0,
}