javascript - Nativescript 导航到同一页面

Question

如何从当前页面导航到同一页面以获取滑动动画，目前如果我使用框架模块导航到同一页面，则它不会显示任何动画，它只是更新当前页面的内容。

Answer 1

我测试了您的场景，并且在导航到当前页面时，页面转换应该按预期执行，其方式与为不同页面所做的操作相同。我附上示例代码。XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">

    <Page.actionBar>
        <ActionBar title="My App" icon="" class="action-bar">
        </ActionBar>
    </Page.actionBar>

    <StackLayout class="p-20">
        <Label text="Tap the button" class="h1 text-center"/>
        <Button text="TAP" tap="{{ onTap }}" class="btn btn-primary btn-active"/>
        <Label text="{{ message }}" class="h2 text-center" textWrap="true"/>
        <Button text="Navigate" tap="onTap2" class="btn btn-primary btn-active"/>
    </StackLayout>
</Page>

typescript

import { EventData } from 'data/observable';
import { Page } from 'ui/page';
import { HelloWorldModel } from './main-view-model';
import {topmost} from "ui/frame"

export function navigatingTo(args: EventData) {

    let page = <Page>args.object;


    page.bindingContext = new HelloWorldModel();
}

export function onTap2(args){
    var navigationEntry = {
        moduleName: "main-page",
        animated: true,
        clearHistory:true,
        transition: {
            name: "slide",
            duration: 380,
            curve: "easeIn"
        }
    };
    topmost().navigate(navigationEntry);
}

在项目中，我还使用了clearHistory，它可以防止将导航保存在应用历史记录中。