我刚开始学习ReactXP
,我想使用React-Navigation
- https://reactnavigation.org/ in ReactXP
。是否React-Navigation
支持ReactXP
?如果是,那么我们有任何工作示例吗?
我找到了一个例子,但它不起作用。https://github.com/LeJPR/reactxp-navigation-example
我刚开始学习ReactXP
,我想使用React-Navigation
- https://reactnavigation.org/ in ReactXP
。是否React-Navigation
支持ReactXP
?如果是,那么我们有任何工作示例吗?
我找到了一个例子,但它不起作用。https://github.com/LeJPR/reactxp-navigation-example
参考此链接(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 中使用的动画系统,而且似乎不再更新。
react-navigation 的核心与 reactxp 配合得很好,要让它按原样运行,您只需要创建不同导航器类型(如堆栈/抽屉/选项卡)使用的视图的 reactxp 版本。在这样做的过程中,尽管我遇到了 reactxp 动画与 react-native 的奇偶校验的一些挑战。除非我弄错了,否则目前 reactxp 动画似乎存在一些非常基本的限制 - 从我所见,您只能对动画值进行一个插值(添加另一个,它将覆盖第一个),插值中只有两个值数组(而不是多个步骤)。此功能在 react-navigation 视图中广泛使用,以提供类似原生的体验。为了解决这个问题(由于没有时间考虑如何用 reactxp 动画重新实现),我最终修补了动画js 以用于 reactxp 网络导航视图,它提供了与 react-native 的同等作用。有点让我相信考虑动画可能是反应导航/更重要问题的前兆。如果有好处,很高兴提供上述方法的示例,以使 react-navigation 与 reactxp 一起工作 - 绝对只是为了提高意识而不是生产用途!
该示例确实来自此 reactXP 问题:https ://github.com/Microsoft/reactxp/issues/9#issuecomment-303717309
我为导航找到的选项而无需自己编写扩展名