Nativescript 如何创建基于路线的导航组件？

底部导航组件需要将所有选项卡内容放在同一页上

e、 g:

我认为页面的加载就像一个动态组件。我只希望有带有路由链接的选项卡。当用户点击一个选项卡时，我会将用户重定向到另一个页面

如果我不使用

TabContentItem

，

TabStripItems

也不会显示在页面上。因此，我添加了空内容

使用

selectedIndexChange

事件，我可以将用户重定向到另一个页面，但当其中一个选项卡链接是当前页面时，它将进入无限循环

似乎选项卡必须位于此设置的不同页面上。这不是我想要的

有没有办法将底部导航组件转换为基于路线的组件

我现在的代码是： （这是一个Vue项目。）

导出默认值{
道具：{
选项卡：{
类型：数组，
必填项：true
}
},
创建（）{
},
方法：{
索引交换：函数（args）{
让newIndex=args.value
让route=this.tabs[newIndex].route
这是goToPage（路线）
},
goToPage（路线）{
此.$navigator.navigate（路线）
}
}
}

我认为底部导航还不支持动态选项卡。TabContentItem/TabStripItem的数量应为静态。如果您需要动态的，您可能需要在JS中创建它们。如果您需要在每个选项卡内进行路由，请在每个TabContentItem内使用框架和页面。在TabContentItem中，我尝试对某些内容使用框架和页面，但它在控制台上崩溃，没有任何错误。但也许你误解了我。我不想在选项卡内容项中设置路由，我只想在点击选项卡文本后立即重定向到另一个页面。顺便说一下，我使用NativeScript Vue Navigator插件进行路由。也许我应该不用它。“使用selectedIndexChange事件，我可以将用户重定向到另一个页面，但当其中一个选项卡链接是当前页面时，它将进入无限循环。”---如果这对您有用，为什么不检查这是否是当前页面或在第一次重定向时包含参数，然后检查它以避免无限循环。