面板、插件和组件未显示在故事书中,具有 react-native



我正在 React Native 项目中设置 Storybook, 但是显示预览组件的右侧面板没有显示任何内容,在我看到的某些视频教程中,它没有发生。我该如何解决这个问题?还需要更多配置吗?

在此处查看更多内容: https://i.stack.imgur.com/ev9N4.png

在 Storybook 中,React 原生组件不会出现在故事书网页的预览中。相反,当您选择要在网页上预览的组件故事时,相应组件故事的预览将显示在移动模拟器上。这是预期的行为。

我相信您的图像中显示的案例(组件预览在设备上可见,但在 Web 浏览器中不可见(是基于以下问题的正常行为:

类似的问题也发布在故事书github存储库中。问题标题为">故事未显示在网络浏览器中 - 反应本机 #3353

故事书团队成员@igor-dv的回答:

React 原生故事无法在浏览器中显示 开箱即用的用例 - 因为它们是 React 原生的。如您所见 在第一个欢迎使用故事书屏幕或自述文件中,您应该 执行更多步骤以在设备上查看它们。

此外,同一团队成员在 Web 上启用组件的唯一建议是:

如果你想在浏览器中看到它们,你可以设置 react-native-web。但你应该明白,这不会是真正的本土故事。

此外,我不相信这个用例会很快得到支持,正如另一位团队成员@danielduan所写的那样:

我个人认为Web UI对大多数开发人员来说价值不大。我们应该只默认为设备 UI

附言所有类似的问题都可以在问题 #7723 下找到。这是预期行为,第三个团队成员@Gongreg也证实了这一点:

这不是一个错误,而是预期的行为,没有内容可以在网络上显示(您正在玩的是 React Native 应用程序,而不是网络(。

最新更新