首页 > 解决方案 > 为什么 <TabContentItem> 中的 <Frame> 在 <Page> 中不起作用?实现 Tab 时使用 Frame 的问题

问题描述

以下代码不起作用

<Page xmlns="http://schemas.nativescript.org/tns.xsd">
 <GridLayout>

 </GridLayout>
 <Tabs>
  <TabStrip>
   <TabStripItem>
     <Label text="Home"></Label>
     <Image src="res://home"></Image>
  </TabStripItem>

  <TabStripItem>
    <Label text="Settings"></Label>
    <Image src="res://settings"></Image>
    </TabStripItem>

   </TabStrip>


   <TabContentItem>
     <Frame defaultPage="frame-one/frame-one-page" />
   </TabContentItem>

   <TabContentItem>
   <Frame defaultPage="frame-two/frame-two-page" />
  </TabContentItem>
 </Tabs>
</Page>

而以下代码完美运行:

 <GridLayout>

 </GridLayout>
 <Tabs>
  <TabStrip>
   <TabStripItem>
     <Label text="Home"></Label>
     <Image src="res://home"></Image>
  </TabStripItem>

  <TabStripItem>
    <Label text="Settings"></Label>
    <Image src="res://settings"></Image>
    </TabStripItem>

   </TabStrip>


   <TabContentItem>
     <Frame defaultPage="frame-one/frame-one-page" />
   </TabContentItem>

   <TabContentItem>
   <Frame defaultPage="frame-two/frame-two-page" />
  </TabContentItem>
 </Tabs>

如果我从我的应用程序中删除 < page > 我将无法导航到此页面。那么,如何使用 <Frame> 以便获得选项卡并且导航到此页面时不会出现问题?

标签: nativescript

解决方案


推荐阅读