react-native - react-native-elements，帮助在 FormInput 中居中输入文本

Question

我正在使用来自react-native-elements 的表单，并希望将输入文本居中。我试过了，alignSelf: 'center'也flex: 1, justifyContent: 'center', alignItems: 'center'没有任何运气。所有文本继续保持左对齐。

JFYI，我正在调整inputStyle prop。

<FormInput 
  ...
  inputStyle={styles.formInputText}
/>

Answer 1

试试textAlign属性

<FormInput 
  ...
  inputStyle={styles.formInputText}
  textAlign={'center'}
/>

此外，您可能希望升级您的软件包，因为它看起来FormInput已根据文档被弃用...

<FormInput />仅在 v0.19.1 及以下版本中可用。<Input />仅适用于v1.0.0-beta1及更高版本。