android - React Native - Android 模拟器的文本转换问题

Question

Android 的 TextTransform:'uppercase' 是否存在已知问题？

我是 React Native 的新手，刚刚完成 View 的构建，在 Ios 中看起来都很棒，但在 Android 上——没有显示按钮文本。经过一系列的试验和错误后，我发现问题似乎是 textTransform:'uppercase'，如果我从样式表中删除它，文本显示正常。

有人遇到过吗？我无法在网上找到有关该错误的任何信息。

这是我的代码:

return (
  <View style={AppStyles.buttonRect} >

    <View style={AppStyles.buttonRectWrap}>

      <Image style={AppStyles.buttonRectIcon} source={this.props.buttonIcon} />

      <Text style={AppStyles.btnText}>{this.props.buttonTxt}</Text>
    </View >
  </View>
);

风格为:

btnText:{
color:'#fff',
marginRight:14,
marginLeft:10,
fontSize:20,
alignSelf: 'center',
marginTop:-3,
textTransform:'uppercase',
},

这导致 -

如果我删除转换线:

我试过几个模拟器并得到同样的错误。

Answer 1

目前这是 React Native 的一个错误。修复似乎在 0.59.0 版本中，因为 0.59.0 候选版本不包含该错误。来源:https://github.com/facebook/react-native/issues/21966