Создание повторно используемого компонента с динамическими дочерними элементами

Question

Я пытался найти решение, но я не знаю, что искать. Я в основном хочу создать повторно используемый компонент с верхней и нижней панелью инструментов, например:

<StackLayout>
    <StackLayout Orientation="Horizontal" VerticalOptions="Start" BackgroundColor="{StaticResource ToolbarColor}">
        <!-- Top toolbar content-->
    </StackLayout>

    <!- ??? -->

    <StackLayout Orientation="Horizontal" VerticalOptions="End" BackgroundColor="{StaticResource ToolbarColor}">
        <!-- Bottom toolbar content -->
    </StackLayout>
</StackLayout>

Затем я хочу иметь возможность использовать его так:

<ToolbarComponent>
    <!-- Contents -->
</ToolbarComponent>

То, что я не знаю, как это сделать, это разметка для панели инструментов, что я помещаю туда, где ??? так, чтобы содержимое страницы, которое я указываю, вставлялось туда?

Answer 1

Нужно создать два отдельных элемента управления пользователя для панелей инструментов.

Тогда используйте их вот так.

<StackLayout>
    <controls:TopToolbar/>

    <!-- Contents -->

    <controls:BottomToolbar>
</StackLayout>