Nativescript 是否可以在侧抽屉导航中使用选项卡式导航
我需要像在Twitter应用程序中一样实现布局,在Twitter应用程序中,TabView用于主要信息,SideDrawer用于补充信息 如果我尝试使用TabView和Frame初始化RadSideDrawer主内容,我会得到一个空屏幕:Nativescript 是否可以在侧抽屉导航中使用选项卡式导航,nativescript,Nativescript,我需要像在Twitter应用程序中一样实现布局,在Twitter应用程序中,TabView用于主要信息,SideDrawer用于补充信息 如果我尝试使用TabView和Frame初始化RadSideDrawer主内容,我会得到一个空屏幕: ... <nsDrawer:RadSideDrawer.mainContent> <TabView androidTabsPosition="bottom"> <TabViewItem class="tab
...
<nsDrawer:RadSideDrawer.mainContent>
<TabView androidTabsPosition="bottom">
<TabViewItem class="tab-view-item" title="catalog">
<Frame defaultPage="pages/catalog/catalog-page"></Frame>
</TabViewItem>
</TabView>
</nsDrawer:RadSideDrawer.mainContent>
...
。。。
...
但如果我用框架初始化RadSideDrawer的主要内容,我得到了正确的页面:
...
<nsDrawer:RadSideDrawer.mainContent>
<Frame defaultPage="pages/catalog/catalog-page"></Frame>
</nsDrawer:RadSideDrawer.mainContent>
...
。。。
...
将TabView导航和侧抽屉导航结合起来的正确方法是什么?我怀疑
框架应该包装在TabViewItem中。视图和TabViewItem必须包装在
不幸的是,这没有帮助☹️你能分享游乐场的样本吗?是的,我刚刚创建了一个-。在iOS下,TabView肯定不起作用。只是在行动中注意到,您似乎也缺少了
。哇!添加
和
修复我的问题-。非常感谢你!但是当我单独使用时,为什么TabView
没有这些节点就可以工作呢?我只是针对这个问题创建的。在文件app root.xml
中,我在nsDrawer:RadSideDrawer.mainContent
块中放置了不同的代码变量(通过注释切换)。
<nsDrawer:RadSideDrawer.mainContent>
<TabView androidTabsPosition="bottom">
<TabView.items>
<TabViewItem class="tab-view-item" title="catalog">
<TabViewItem.view>
<Frame defaultPage="pages/catalog/catalog-page"></Frame>
</TabViewItem.view>
</TabViewItem>
</TabView.items>
</TabView>
</nsDrawer:RadSideDrawer.mainContent>