在Web上显示React-Native组件的工具

时间:2019-09-06 18:48:34

标签: reactjs react-native documentation-generation native-base

我有一个使用 Metro Native Base 构建的react-native项目,我正在尝试通过从中提取样式指南来标准化UI。我希望将其记录下来,以便与设计师共享和共同工作。

干杯!

我已经尝试过 Storybook Docz React-Styleguidist

React-Styleguidist :我喜欢这个事实,可以将其放置在项目外部。

Docz :似乎最简单,但是Native-Base似乎有问题

故事书:似乎要求您运行的模拟器可以显示任何文档。

无论如何,我无法使它们中的任何一个起作用。因此,如果您对这些工具或其他工具有任何建议,我会很高兴听到他们的建议。

最好是使用一个基于浏览器的浏览器,该文件可以从存储库外部提取文档并解析可浏览的内容,我可以与设计者共享。

1 个答案:

答案 0 :(得分:2)

您可以使用react-native-web软件包将本地组件编译为HTML。 https://github.com/necolas/react-native-web