Css Nativewind 的某些样式不适用于本机 (Android)，但它们适用于网络

发布于12月14日

我用的是Tailwind (Nativewind) with Solito(EXPO Reaction Native). 我确实和一些子元素有一个风格的组成部分. 该样式在Web上正确应用，但在本机版本中只应用了一些.间隙和文本中心不起作用，但背景色起作用.

代码如下所示:

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

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

这就是网络的外观(这是我们的目标):

Css Nativewind 的某些样式不适用于本机 (Android)，但它们适用于网络

推荐答案

Css相关问答推荐

为什么盒影没有显示在我的Angular组件中？

为什么我的容器的弹性包裹会导致我的自动填充网格添加额外的空轨道行？

本机CSS嵌套混乱

如何在横向和纵向布局上使用 CSS 网格中的纵横比来保持纵横比

CSS 内联 Flex 和段落换行

Next.js 条件样式

为什么删除 AnimatePresence framer.div 时会出现轻微卡顿？

应用边框半径的 iframe 在 4 个角上有细曲线

如何使用 ReactJS 使用 CSS 设置 map 容器的样式

努力将 CSS 样式应用于 Elm 应用程序

条件宽度和省略号不适用于样式化组件 - React.js

是否可以对 CSS 网格中重复和可包装的列使用固定的最小和最大宽度？

在 vuetify 中跨 `default.vue` 和 `index.vue` 维护网格系统

如何强制 div 出现在下方而不是旁边？

是否可以删除悬停在链接上时出现的手形光标？ (或将其设置为普通指针)

在表格中使用自动换行：断词

边框半径 + 背景 colored颜色 == 裁剪边框

CSS flex，如何在第一行显示一个项目，在下一行显示两个项目

通过 JavaScript 更改 CSS 伪元素样式

height： 100% 或 min-height： 100% 用于 html 和 body 元素？