Html 我可以用本机脚本将iOS选项卡视图放在顶部吗?
我正在创建一个本机脚本应用程序,我希望我的选项卡视图显示在iOS的顶部。我知道在顶部粘贴tabView违反了人机界面准则,但我需要这样做 你可以做到这一点。我是这样做的-Html 我可以用本机脚本将iOS选项卡视图放在顶部吗?,html,ios,nativescript,angular2-nativescript,nstabview,Html,Ios,Nativescript,Angular2 Nativescript,Nstabview,我正在创建一个本机脚本应用程序,我希望我的选项卡视图显示在iOS的顶部。我知道在顶部粘贴tabView违反了人机界面准则,但我需要这样做 你可以做到这一点。我是这样做的- <StackLayout row="0" col="0"> <StackLayout *ngIf="visibility1" id="mainView" visibility="{{ visibility1 ? 'visible' : 'collapsed' }}"> <FirstVie
<StackLayout row="0" col="0">
<StackLayout *ngIf="visibility1" id="mainView" visibility="{{ visibility1 ? 'visible' : 'collapsed' }}">
<FirstView></FirstView>
</StackLayout>
<StackLayout *ngIf="visibility2" id="mainView" visibility="{{ visibility2 ? 'visible' : 'collapsed' }}">
<SecondView></SecondView>
</StackLayout>
<StackLayout *ngIf="visibility3" id="mainView" visibility="{{ visibility3 ? 'visible' : 'collapsed' }}">
<ThirdView></ThirdView>
</StackLayout>
</StackLayout>
并根据单击事件更改每个组件的可见性 您可以使用SegmentedBar实现所有方式的选项卡视图行为/布局。请参见在新的Nativescript 6中,有一个名为“选项卡”的新组件,允许您执行以下操作: 以下是使用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>
是我创建的一个游乐场项目
是一个Nativescript typescript同时使用上下选项卡的示例
您可以找到文档
重要提示:此小部件目前正在测试版上不确定本机组件是否允许在iOS上使用此功能。您可能需要一个自定义实现来完成此操作。堆栈布局或网格布局可以模拟这种行为。您能解释一下这是使用自定义按钮还是分段栏吗?我不想使用分段条,因为这是一个简单的自定义按钮,通过可视性来维护布局。它们现在已经在6.1版中通过测试版了。