ReactXP是否支持反应导航?

时间:2017-07-03 07:27:02

标签: reactjs react-native reactxp

我刚刚开始学习ReactXP,我想在React-Navigation中使用ReactXP - https://reactnavigation.org/React-Navigation是否支持ReactXP?如果是,那么我们有任何工作实例吗?

我找到了一个例子,但它不起作用。 https://github.com/LeJPR/reactxp-navigation-example

1 个答案:

答案 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

我找到的导航选项,而不是自己编写扩展