Telerik AppBuilder：我们如何使用 NativeScript 创建基于选项卡的应用程序

Question

我想使用 NativeScript 创建一个基于选项卡的应用程序，该应用程序当前有 4 个选项卡，如下图所示。

Answer 1

您可以使用TabView组件。 您还可以查看 NativeScript 文档中的文章。 我还附上了示例示例。

<TabView selectedIndex="0">
  <TabView.items>
    <TabViewItem title="Tab 1">
      <TabViewItem.view>
        <Label text="Label in Tab1" />
       </TabViewItem.view>
     </TabViewItem>
    <TabViewItem title="Tab 2">
      <TabViewItem.view>
        <Label text="Label in Tab2" />
       </TabViewItem.view>
     </TabViewItem>
    <TabViewItem title="Tab 3">
      <TabViewItem.view>
        <Label text="Label in Tab3" />
       </TabViewItem.view>
     </TabViewItem>
   </TabView.items>
 </TabView> 

如需进一步帮助，您可以在此处查看示例示例。 如果您想创建 NativeScript Angular2 项目，您将在此处找到合适的示例。

Answer 2

    <TabView selectedIndex="0">
  <TabView.items>
    <TabViewItem title="Tab 1">
      <TabViewItem.view>
        <Label text="Label in Tab1" />
       </TabViewItem.view>
     </TabViewItem>
    <TabViewItem title="Tab 2">
      <TabViewItem.view>
        <Label text="Label in Tab2" />
       </TabViewItem.view>
     </TabViewItem>
    <TabViewItem title="Tab 3">
      <TabViewItem.view>
        <Label text="Label in Tab3" />
       </TabViewItem.view>
     </TabViewItem>
   </TabView.items>
 </TabView>