ReactXP 是否支持 react-navigation?



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

我找到了一个例子,但它不起作用。 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 中使用的通知系统,并且似乎不再更新。

反应导航的核心与 reactxp 配合得很好,要让它按原样运行,你只需要创建不同导航器类型(如堆栈/抽屉/选项卡(使用的视图的 reactxp 版本。在这样做的过程中,我遇到了一些挑战,即reactxp动画与react-native的对等性。除非我弄错了,否则目前 reactxp 动画似乎存在一些非常基本的限制 - 据我所知,您只能对一个动画值进行单个插值(添加另一个,它将覆盖第一个(,插值数组中只有两个值(而不是多个步骤(。此功能广泛用于 react-navigation 视图中,以获得类似本机的体验。为了解决这个问题(由于缺乏时间考虑如何使用 reactxp 动画重新实现(,我最终在 animatedjs 中修补以用于 reactxp Web 导航视图,它提供了与 react-native 的奇偶校验。有点让我相信考虑动画可能是反应导航/更重要问题的前兆。如果有益的话,很高兴提供上述方法的示例,以使反应导航与 reactxp 一起工作 - 绝对只是为了提高认识而不是生产使用!

这个例子实际上来自这个reactXP问题:https://github.com/Microsoft/reactxp/issues/9#issuecomment-303717309

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

  • 包含在 reactXP https://microsoft.github.io/reactxp/docs/extensions/navigator.html 中
  • 也来自 ReactXP 团队,但未使用? https://github.com/Microsoft/react-native-experimental-navigation
  • 我找到的另一个导航包 https://github.com/ymzuiku/react-router-hash-history

最新更新