Question

我需要像Twitter应用程序那样实现布局，该应用程序具有用于主要信息的TabView和用于补充信息的SideDrawer。

如果我尝试使用TabView和Frame初始化RadSideDrawer mainContent，则会出现空白屏幕：

...
<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>
...

但是，如果我使用Frame初始化RadSideDrawer mainContent，则会得到正确的页面：

...
<nsDrawer:RadSideDrawer.mainContent>
     <Frame defaultPage="pages/catalog/catalog-page"></Frame>
</nsDrawer:RadSideDrawer.mainContent>
...

结合TabView导航和SideDrawer导航的正确方法是什么？

Answer 1

我怀疑Frame应该用TabViewItem.view包装，而TabViewItem必须用<TabView.items>包装

<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>

是否可以在SideDrawer导航中使用TabView导航

1 个答案: