有没有办法解析现有的CSS到React Native css？

Question

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

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

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

Answer 1

React Native没有内置将CSS转换为RN StyleSheets。 React Native有一组不同的属性支持，其中一些属性与CSS中的对应属性略有不同。那说我对前进的道路有一些建议：

• 将您的CSS重写为StyleSheets，因为Sintylapse建议covered here
• 使用第三方转录程序like this one将您的css转换为React Native StyleSheets。
• 在没有样式表的情况下内联编写所有样式。

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