路由器

Router 用于在页面之间导航和管理页面历史。

import { useRouter } from "narraleaf-react";

const router = useRouter();

公共方法

将新页面 id 推入路由器历史记录并导航到该页面。

router.push("about");

游戏将导航到 id 为 about 的页面。如果前进历史中有任何页面，它们将被清除。

<Page id="about">
    {/* 这些元素将被显示 */}
    {/* 你的内容 */}
</Page>

导航到路由器历史记录中的上一个页面。

如果没有上一个页面，此方法将不执行任何操作。

导航到路由器历史记录中的下一个页面。

如果没有下一个页面，此方法将不执行任何操作。

清除当前页面 id 和导航历史。所有页面将从舞台中移除。

清理导航历史记录，同时保持当前页面。这将删除所有前进和后退历史条目，只保留当前页面在历史记录中。

获取当前页面 id。

注册页面退出完成事件的处理程序。

router.onExitComplete(() => {
    console.log("页面退出动画已完成");
});

注册页面退出完成事件的一次性处理程序。处理程序将在第一次事件后自动取消订阅。

router.onceExitComplete(() => {
    console.log("页面退出动画已完成一次");
});

注册页面挂载事件的处理程序。

router.onPageMount(() => {
    console.log("新页面已挂载");
});

注册页面挂载事件的一次性处理程序。处理程序将在第一次事件后自动取消订阅。

router.oncePageMount(() => {
    console.log("新页面已挂载一次");
});