在 nativescript 核心上使用平移手势自定义转换答案

【问题标题】：Custom transition using pan gesture on nativescript core在 nativescript 核心上使用平移手势自定义转换
【发布时间】：2020-06-06 13:22:45
【问题描述】：

是否可以使用nativescript core实现下图所示的页面过渡？

如您所见，为了从一个视图过渡到前一个（父）视图，我正在缓慢地做出平移手势，并且根据我的手指水平位置，视图正在显示并从左边。你看不到手指，但你可以看到由我的手指控制的缓慢过渡。我正在从屏幕的最左侧到右侧进行平移手势。到目前为止，我所读到的转换是一次性运行的，而不会给用户任何控制权。这是否可以使用 nativescript 核心？

到目前为止，我已经尝试编写自定义转换类/方法并将其作为转换实例提供给导航条目，但找不到使用平移手势手动控制实际转换的方法。

const customNavigation = new CustomTransitionIOS(4000, 2);
const navigationEntry: NavigationEntry = {
    moduleName: "settings",
    animated: true,
    transition: {
        instance: customNavigation
    },
    context: {
        name: "John"
    },
    clearHistory: true
};

【问题讨论】：

这是您在 iOS 上获得的默认后退导航手势。您实际上不需要做任何事情，它是开箱即用的默认功能。当您有历史记录的上一页时，您可以简单地执行此操作，除非您通过隐藏 ActionBar / 将 enableSwipeBackNavigation 设置为 false 来禁用它。
谢谢，没有 Manoj，我说的是基于 nativescript 核心的应用程序，而不是默认的 ios 应用程序，当我创建 nativescript 应用程序时，它不允许如图所示移动页面。如果您进行过渡，它将在幻灯片中打开目标页面（或淡入等）。我在上图中显示的是过渡速度是由我的手指运动驱动的。例如，在我的平移手势中间，我可以停止移动我的手指（仍然触摸屏幕），页面将停留在中间 - 半过渡 - 直到我将手指从屏幕上移开，然后它会完成过渡。
我也在谈论 NativeScript，但我说的是 iOS，因为它是 iOS 唯一的功能。如果您有问题，请分享 Playground 示例。
在您建议的默认导航中，您能否在其间停止/暂停页面转换。所以两个页面——父页面和子页面——都在屏幕上暂停，每个页面占据屏幕的一半，因为我的手指都在中间。你能做到吗？
嗨 Manoj，请看这个play.nativescript.org/?template=play-ng&id=DVxbTC&v=582 我想应用这种过渡（点击一个详细项目，然后在详细页面上从左到右慢慢滑动，这样做慢慢带回家页）我如何使用 nativescript 核心来做到这一点。该示例使用带有 angular 的 nativescript。

标签： ios nativescript transition

【解决方案1】：

找到了。我实际上需要使用 Frame.topmost() 函数，而不是简单地导航到另一个视图。

Frame.topmost().navigate('another-page');

【讨论】：