多行TextInput占位符不居中对齐

Question

当'multiline'设置为true时，占位符不位于中心。如何将占位符放在中心并确保光标在占位符文本之前开始（类似于非多行TextInput中的占位符文本）？我希望TextInput的宽度为100％。

class Something extends Component {
render() {
 return (
  <View style={{paddingTop: 20}}>
   <TextInput placeholder="Single-Line" style={styles.input}/>
   <TextInput placeholder="Multi-line" style={[styles.input,{backgroundColor: 'pink'}]} multiline={true}/>
  </View>
 )
}
}

const styles = StyleSheet.create({
 input: {
 height: 30,
 textAlign: 'center',
 backgroundColor: 'red'
}
});