css 有些风格的Nativewind在原生(Android)上不起作用,但在网络上可以

mm9b1k5b  于 2022-12-15  发布在  Android
关注(0)|答案(1)|浏览(105)

我使用的是Tailwind (Nativewind) with Solito(expo React Native)。我有一个带有一些子元素的样式组件。样式在web上应用正确,但在本机版本中只有一些应用。差距和文本中心不起作用,但背景色起作用。
代码如下所示:

<Custom className="gap-5 bg-orange-100 text-center">
    <StyledText>TEST</StyledText>
    <StyledTitleBig>Login Screen</StyledTitleBig>
    <...>
</Custom>

这是原生版本(安卓)的外观:

这是网站的外观(这是目标):

wj8zmpe1

wj8zmpe11#

我创建了a GitHub issue,得到的答案是这是预期行为...
ReactNative“不接受CSS继承”,因此使其工作的唯一方法是为每个文本组件添加“text-center”className。

相关问题