将 Tailwind 类 转换为 css 内联样式
Convert Tailwind classes to css inline style
这些天来,我一直在努力从 React 应用程序转换为 React-Native 应用程序;
在此 React 应用程序中,我使用 tailwind 来对组件进行样式化,因此我需要将 tailwind 类 转换为内联 css,以便我可以使用在线工具将其转换为 React 本机样式表。
有没有一种方法或工具可以从 Tailwind 代码中获取 css?
即
(顺风代码)转换后的“w-full h-full bg-black
”应该是(vanilla css){ width : 100%; height : 100%; background-color : black;
}
提前致谢!
这个问题的解决方案是:Tailwind-rn
(正如 Mando 回复的那样)
多亏了这个数据包,可以从 React 项目复制整个顺风代码并将其粘贴为函数 tailwind()
的参数,其中 returns 一个 react-native 样式表对象。
这是文档:
这是一个非常具体的场景,有非常具体的解决方案。
在更一般的情况下(您真的想使用 tailwindcss 提取任何 HTML 文件的原版 css),有一个快速教程。
这些天来,我一直在努力从 React 应用程序转换为 React-Native 应用程序; 在此 React 应用程序中,我使用 tailwind 来对组件进行样式化,因此我需要将 tailwind 类 转换为内联 css,以便我可以使用在线工具将其转换为 React 本机样式表。 有没有一种方法或工具可以从 Tailwind 代码中获取 css?
即
(顺风代码)转换后的“w-full h-full bg-black
”应该是(vanilla css){ width : 100%; height : 100%; background-color : black;
}
提前致谢!
这个问题的解决方案是:Tailwind-rn
(正如 Mando 回复的那样)
多亏了这个数据包,可以从 React 项目复制整个顺风代码并将其粘贴为函数 tailwind()
的参数,其中 returns 一个 react-native 样式表对象。
这是文档:
这是一个非常具体的场景,有非常具体的解决方案。
在更一般的情况下(您真的想使用 tailwindcss 提取任何 HTML 文件的原版 css),有一个快速教程。