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,
}