Блог

Я хочу создать приложение на основе вкладок, используя NativeScript, в котором в настоящее время есть вкладка 4, как показано на рисунке ниже.

Вы можете использовать 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, вы найдете соответствующий пример здесь.

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