2

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

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

4

1 回答 1

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 中使用的动画系统,而且似乎不再更新。

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

我为导航找到的选项而无需自己编写扩展名

于 2018-06-07T14:42:55.210 回答