我刚刚开始学习ReactXP
,我想在React-Navigation
中使用ReactXP
- https://reactnavigation.org/。 React-Navigation
是否支持ReactXP
?如果是,那么我们有任何工作实例吗?
我找到了一个例子,但它不起作用。 https://github.com/LeJPR/reactxp-navigation-example
答案 0 :(得分:0)
参考此链接(https://microsoft.github.io/reactxp/docs/extensions/navigator.html),reactXP的默认方式目前不使用React-Navigation,但可能会在将来使用。
React Native上Navigator的当前实现使用了不推荐使用的“Navigator Experimental”。我们将考虑在不久的将来将此实现转移到现在推荐的“反应导航”。一些更高级的接口可能需要更改。这些列在本文末尾。请谨慎使用。
我在gitHub上的reactXP问题列表中的某处读到,你的示例(https://github.com/LeJPR/reactxp-navigation-example)不只是使用react-navigation而是必须更改reactXP中使用的annimation系统,而且似乎还没有更新。
react-navigation的核心与reactxp一起正常运行,以使其运行,因为您只需要创建不同导航器类型(如stack / drawer / tab)使用的视图的reactxp版本。在这样做的同时,我遇到了一些与reactxp动画和反应原生的平价的挑战。除非我弄错了,似乎目前有一些非常基本的限制与reactxp动画有关 - 从我可以看到你只能通过动画值进行一次插值(添加另一个,它会覆盖第一个),插值数组中只有两个值(与多个步骤相对)。此功能在反应导航视图中广泛使用,用于本机体验。为了解决这个问题(由于缺乏时间来考虑如何重新实现reactxp动画)我最终修改了animatedjs以用于reactxp web导航视图,这提供了与react-native的奇偶校验。有点让我相信考虑动画可能是反应导航的前兆/更重要的问题。很高兴提出上述方法的一个示例,让反应导航与reactxp一起工作,如果有利的话 - 尽管只是为了提高意识而不是生产用途!
该示例确实来自此reactXP问题:https://github.com/Microsoft/reactxp/issues/9#issuecomment-303717309
我找到的导航选项,而不是自己编写扩展