NativeScript重用操作栏（与RadSideDrawer一起使用）？

Question

是否可以为所有页​​面创建可重复使用的ActionBar？

我遵循了this tutorial，它引导我完成了将RadSideDrawer添加到我的4页应用程序的过程（如果使用sidedrawer会改变我解决此问题的方式，则不是100％）。

这四个页面都具有相同的ActionBar。而不是在每个页面上复制/粘贴代码（并在每个页面上进行更改更新），我如何对所有页面重用相同的代码？

我尝试在Frame内容中静态定义ActionBar代码...

<template lang="html">
    <Page>
        <RadSideDrawer>
            <StackLayout ~drawerContent>
                <slot name="drawerContent"></slot>
            </StackLayout>
            <Frame ~mainContent>
                <!-- TRIED PUTTING ACTIONBAR STRUCTURE HERE? -->
                <slot name="mainContent"></slot>
            </Frame>
        </RadSideDrawer>
    </Page>
</template>

我还尝试通过遵循this tutorial ...

创建一个自定义组件（我的ActionBar代码位于/widgets/header/header.xml中）。

<Page xmlns:header="widgets/header">
    <header:header />
</Page>

但是我在控制台中收到一条错误消息：

  

[Vue警告]：未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

此刻，我的最佳猜测是NativeScript-Vue更喜欢使用插槽-但是如何将插槽放入正在填充另一个插槽（<slot name="mainContent"></slot>）的内容中？