“textAlignVertical”不是有效的样式属性答案

【问题标题】："textAlignVertical" is not a valid style property“textAlignVertical”不是有效的样式属性
【发布时间】：2016-04-30 10:03:53
【问题描述】：

尝试在 Text 元素上使用“textAlignVertical”样式时，我收到一条错误消息，提示“textAlignVertical”不是有效的样式属性。我检查了文档，它说我应该能够使用这个样式属性：https://facebook.github.io/react-native/docs/text.html

还有其他人遇到过这个问题吗？

【问题讨论】：

尝试将alignItems: 'center' 提供给您想要垂直居中的孩子的父母
感谢您的帮助@Cherniv

标签： react-native

【解决方案1】：

textAlignVertical 样式是 Android 独有的属性。如果您在 iOS 上开发，请尝试使用 flexbox 对齐属性alignItems: center。

似乎textAlignVertical 属性从TextInput 属性移动到Text 元素样式仅three days ago，并将在React Native 0.19 中发布。

我不确定 React Native 文档是如何生成的，但根据我对 commit diff 的阅读，该文档似乎比最新发布的版本早。

【讨论】：

不确定我是否理解解决方案，alignItems: center ( + flex: 1) 似乎不起作用（在 iOS 上测试）。也许过时了？
我使用的是 0.50.3 版本，但 textAlignVertical 不工作。

【解决方案2】：

有时您可能会发现 alignItems 无法正常工作——我看到我使用的图标完全消失了。相反，我只是在文本本身的样式中添加了一个 alignSelf: 'center'（而不是像您需要对 alignItems 做的父级），它似乎修复了它。

【讨论】：

【解决方案3】：

为使textAlignVertical 正常工作，请为 ios 添加 lineHeight 属性而不是 height

height: phoneWidth * 0.09, // for android
lineHeight: phoneWidth * 0.09, // for ios

【讨论】：