javascript - 如何在 react native 的页面上将 TextInput 居中？

Question

当 TextInput 获得焦点并打开 android 键盘时，需要将 TextInput 在键盘上方的屏幕上居中。何去何从？

Answer 1

出于某种原因，justifyContent 不适用于 TextInput，因此只需使用边距即可。这是示例:

var styles = StyleSheet.create({
  textInput: {
    marginLeft: 50,
    marginRight: 50
  }
});

只需确保将样式设置为 TextInput:

<TextInput style={styles.textInput} />

差点忘了 - 不要设置宽度，使用边距来定义大小，否则将不起作用。