[C#/MAUI/.NET6] FlyoutItem 엘리먼트 사용하기

■ FlyoutItem 엘리먼트를 사용하는 방법을 보여준다.

▶ AppShell.xaml


<?xml version="1.0" encoding="utf-8" ?>
<Shell x:Class="TestProject.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <FlyoutItem
        Title="고양이"
        Icon="sample1.png">
        <Tab>
            <ShellContent ContentTemplate="{DataTemplate local:CatPage}" />
        </Tab>
    </FlyoutItem>
    <FlyoutItem
        Title="개"
        Icon="sample2.png">
        <Tab>
            <ShellContent ContentTemplate="{DataTemplate local:DogPage}" />
        </Tab>
    </FlyoutItem>
</Shell>

<?xml version="1.0" encoding="utf-8" ?>

<Shell x:Class="TestProject.AppShell"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<FlyoutItem

Title="고양이"

Icon="sample1.png">

<Tab>

</Tab>

</FlyoutItem>

<FlyoutItem

Title="개"

Icon="sample2.png">

<Tab>

</Tab>

</FlyoutItem>

</Shell>

TestProject.zip