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

Question

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

Answer 1

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

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

要获得进一步的帮助，您可以查看示例示例here。如果您想创建NativeScript Angular2项目，您将找到适当的示例here。

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>