有没有办法将现有的 css 解析为 React Native css？

Posted 2023-03-15

【中文标题】有没有办法将现有的 css 解析为 React Native css？

【英文标题】：Is there any way to parse an existed css to React Native css?

【发布时间】：2017-05-13 21:30:47

【问题描述】：

我想将现有的网络应用程序移至移动平台。我应该如何将现有的 css 文件传输到 React Native css？

有没有办法直接在应用程序逻辑中执行此操作，或者我应该使用像 webpack 这样的构建器，如果是这样，我需要使用哪个插件？或者也许有一些适用于 Webstorm 或 Atom 等 IDE 的包？

任何提示都会有所帮助，只是不要手动执行此操作。

【问题讨论】：

在这里找到答案：***.com/questions/33595642/…

【参考方案1】：

React Native 中没有内置任何东西可以将 CSS 转换为 RN StyleSheets。 React Native 有一组不同的支持属性，其中一些属性的行为与 CSS 中的对应属性略有不同。也就是说，我对前进的道路有一些建议：

按照 Sintylapse 的建议将 CSS 重写为 StyleSheets covered here 使用第三方转译器 like this one 将您的 css 转换为 React Native StyleSheets。 内联编写所有样式，无需样式表。

如果你打算在这个应用程序或 React Native 上工作一段时间，我会推荐第一个选项。尽管学习语法和如何编写样式可能有点粗糙，但从长远来看，您将比使用其他方法更加熟练。如果您正在寻找一个从样式表开始的好地方this blog post looks promising。转译器可以工作，但由于它是第三方项目，如果您遇到错误并不得不梳理生成的代码以找出问题所在，我不会感到惊讶。内联编写样式有助于原型化，但从长远来看，它不会让您的应用易于维护。