Панель действий повторного использования NativeScript (с RadSideDrawer)? - PullRequest
Новая
       15

Панель действий повторного использования NativeScript (с RadSideDrawer)?

1 голос
/ 05 апреля 2019

Есть ли способ создать повторно используемую панель действий для всех страниц?

Я следовал этому учебнику , который провел меня через процесс добавления RadSideDrawer к моему 4-страничному приложению (не 100%, если использование sidedrawer изменит то, как я мог бы подойти к этой проблеме).

Все 4 страницы имеют одинаковую панель действий. Вместо того, чтобы копировать / вставлять код на каждой странице (и обновлять на каждой странице с изменениями), как мне повторно использовать один и тот же код для всех них?

Я попытался статически определить код 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>

Я также пытался создать пользовательский компонент (с моим кодом ActionBar в /widgets/header/header.xml), следуя этому руководству ... 

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

Но я получил сообщение об ошибке в консоли:

[Vue warn]: неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите опцию «name».

Мое лучшее предположение на данный момент заключается в том, что NativeScript-Vue предпочитает использовать слоты, но как бы я мог поместить слот в контент, который заполняет другой слот (<slot name="mainContent"></slot>)?

...