React Native-Android Simulator的文本转换问题

Question

TextTransform是否存在已知问题：Android的“ uppercase”？

我对React本机还不是很陌生，刚刚完成了构建视图，在Ios上看起来都很不错，但是在Android上-没有按钮文本显示。经过一系列的反复试验后，我发现问题似乎是textTransform：'uppercase'，如果我从样式表中删除此文本，则文本会很好显示。

有人经历过吗？我在网上找不到有关该错误的任何信息。

这是我的代码：

free

风格：

free(a);

结果为-

如果我删除变换线：

我尝试了几种模拟器，并得到相同的错误。

Answer 1

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

Answer 2

存在一个已知问题。基本上使用textTransform会破坏android的文本样式。即使是textTransform：也不会破坏您的样式。问题链接：https://github.com/facebook/react-native/issues/21966

Answer 3

我在React Native版本0.58.5中遇到了同样的问题，这似乎是一个众所周知的错误。现在尝试使用普通的JS大写字符串：

capitalizeString =（文本：字符串）=> typeof文本==='字符串'&& text.length> 0 && ${text[0].toUpperCase()}${text.slice(1)}

capitalizeString（'mystring'）

或仅： string.toUpperCase（）;

ref：https://github.com/facebook/react-native/issues/21966

Answer 4

我发现此问题的解决方法是创建一个呈现props.children的组件并链接.toUpperCase方法。

react-native text-transform uppercase