html - 我可以在 Nativescript 中将 iOS 选项卡 View 放在顶部吗？

Question

我正在创建一个 native 脚本应用程序，我希望我的选项卡 View 出现在 iOS 的顶部。我知道将 tabView 粘贴在顶部违反了人机界面指南，但我需要这样做。

Answer 1

在新的 Nativescript 6 中，有一个名为“Tabs”的新组件允许您执行此操作:

以下是使用 Nativescript angular 的方法:

<Tabs selectedIndex="1" class="fas font-size">
    <!-- Using icon fonts for each TabStripItem -->
    <TabStrip>
        <TabStripItem title="Home"></TabStripItem>
        <TabStripItem title="Account"></TabStripItem>
        <TabStripItem title="Search"></TabStripItem>
    </TabStrip>

    <TabContentItem>
        <GridLayout>
            <Label text="Home Page" class="h2 text-center"></Label>
        </GridLayout>
    </TabContentItem>
    <TabContentItem>
        <GridLayout>
            <Label text="Account Page" class="h2 text-center"></Label>
        </GridLayout>
    </TabContentItem>
    <TabContentItem>
        <GridLayout>
            <Label text="Search Page" class="h2 text-center"></Label>
        </GridLayout>
    </TabContentItem>

</Tabs>

Here是我创建的游乐场项目。

Here是一个带有 Nativescript typescript 的游乐场示例，同时使用顶部和低标签

Here你可以找到文档

重要提示:此小部件目前处于测试阶段