Nativescript 是否可以添加第二个自定义操作栏?

Nativescript 是否可以添加第二个自定义操作栏?,nativescript,nativescript-vue,Nativescript,Nativescript Vue,我试图添加第二个ActionBar,但没有按预期效果。动作条出现在画面的顶部,高于其他任何东西,而不是我想要它去的地方 我只想在ActionBar下添加另一个部分,以便显示一些图标和文本 我开始使用标签作为测试,但它甚至不会显示在页面上 <ActionBar class="action-bar"> <NavigationButton ios:visibility="collapsed" icon="res://menu" @tap="onDrawerButtonTap"

我试图添加第二个
ActionBar
,但没有按预期效果。动作条出现在画面的顶部,高于其他任何东西,而不是我想要它去的地方

我只想在
ActionBar
下添加另一个部分,以便显示一些图标和文本

我开始使用
标签作为测试,但它甚至不会显示在页面上

<ActionBar class="action-bar">
    <NavigationButton ios:visibility="collapsed" icon="res://menu" @tap="onDrawerButtonTap"></NavigationButton>

    <ActionItem icon="res://navigation/menu"
                android:visibility="collapsed"
                @tap="onDrawerButtonTap"
                ios.position="left">
    </ActionItem>

    <Label class="action-bar-title" text="Tasks"></Label>

    <ActionItem ios.systemIcon="16" ios.position="right"
                android.systemIcon="ic_menu_add" android.position="popup"
                text="Add" class="add-task"
                @tap="addTodo">
    </ActionItem>
    <ActionItem ios.systemIcon="16" ios.position="right"
                 android.position="popup"
                text="Sort" class="sort-tasks"
                @tap="sortTodos">
    </ActionItem>
    <ActionItem ios.systemIcon="16" ios.position="right"
                icon="res://menu" android.position="popup"
                text="Delete" class="delete-task">
    </ActionItem>
</ActionBar>

<Label text="Label" class="item" />

<GridLayout class="page-content">
    <ListView for="(task, index) in todosFiltered" key="task.id" @itemTap="onLabelTap" row="0">
        <v-template>
            <GridLayout columns="auto,*">
                <!--<CheckBox :text="task.title" :checked="task.completed" @checkedChange="onCheckChange($event, task, index)" col="0" />-->
                <Label :text="task.title" class="item" :class="{ completed : task.completed}" col="0" row="0" />
            </GridLayout>
        </v-template>
    </ListView>
</GridLayout>

如果你想使用多个ActionBar,你应该有多个框架。因此,每个框架中的每个页面都可以有一个ActionBar


如果不想使多个框架复杂化,可以使用自定义布局。查看示例代码,在根级别只能有一个元素,也就是说不能在同一级别同时有LabelGridLayout布局中应始终包含多个元素。

对自定义操作栏使用渐变和网格布局



您可以使用两个框架,一个操作栏位于顶部框架,另一个位于下方框架。否则,只需使用您自己的自定义布局创建一个。使用
不起作用。至于自定义布局,我试过了,没有一个奏效。我尝试了堆叠、Flex和Docked。首先,在根级别只能有一个元素,也就是说不能在同一级别同时使用Label和GridLayout。布局中应始终包装多个元素。请分享一个游乐场的样品,如果你仍然无法解决它,我也许可以快速看一下。我想这解决了它。我不得不将它们都包装在一个
堆栈布局中
,现在它正如您所期望的那样显示出来。我设法用另一个嵌套的
GridLayout
@Manoj创建了一个伪操作栏,请发布您的解决方案,以便我可以选择它。