如何在.NET MAUI的FlyoutItem集合中使用OnPlatform条件添加ShellContent？

原代码编译失败的核心问题是OnPlatform的x:TypeArguments指定错误，FlyoutItem.Items集合接收的是ShellContent类型元素，而非Items。下面提供两种可行的实现方案：

方案一：单平台单ShellContent场景 #

将OnPlatform的目标类型设为ShellContent，直接返回对应平台的ShellContent实例：

<Shell>
    <FlyoutItem>
        <OnPlatform x:TypeArguments="ShellContent">
            <On Platform="iOS">
                <ShellContent
                    Title="Map"
                    ContentTemplate="{DataTemplate pages:MapPage}"
                    Route="MapPage" />
            </On>
            <On Platform="Android">
                <ShellContent
                    Title="Map"
                    ContentTemplate="{DataTemplate pages:AMapPage}"
                    Route="MapPage" />
            </On>
            <!-- 可选：添加Windows等其他平台的配置，或设置Default兜底 -->
            <On Platform="Default">
                <ShellContent
                    Title="Map"
                    ContentTemplate="{DataTemplate pages:MapPage}"
                    Route="MapPage" />
            </On>
        </OnPlatform>
        <!-- 此处可继续添加通用的ShellContent项 -->
    </FlyoutItem>
</Shell>

方案二：单平台多ShellContent场景 #

如果需要为不同平台返回多个ShellContent，可将OnPlatform的目标类型设为List<ShellContent>，用x:Array包装多个元素：

<Shell xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <FlyoutItem>
        <OnPlatform x:TypeArguments="List&lt;ShellContent&gt;">
            <On Platform="iOS">
                <x:Array Type="ShellContent">
                    <ShellContent
                        Title="Map"
                        ContentTemplate="{DataTemplate pages:MapPage}"
                        Route="MapPage" />
                    <ShellContent
                        Title="iOS专属页"
                        ContentTemplate="{DataTemplate pages:iOSOnlyPage}"
                        Route="iOSOnlyPage" />
                </x:Array>
            </On>
            <On Platform="Android">
                <x:Array Type="ShellContent">
                    <ShellContent
                        Title="Map"
                        ContentTemplate="{DataTemplate pages:AMapPage}"
                        Route="MapPage" />
                    <ShellContent
                        Title="Android专属页"
                        ContentTemplate="{DataTemplate pages:AndroidOnlyPage}"
                        Route="AndroidOnlyPage" />
                </x:Array>
            </On>
        </OnPlatform>
    </FlyoutItem>
</Shell>

关键注意事项 #

• 确保根元素已声明x命名空间：xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"，否则x:Array和x:TypeArguments无法解析。
• 为所有目标平台配置对应的On节点，或设置Default节点兜底，避免运行时出现未匹配平台的空值问题。

内容的提问来源于stack exchange，提问作者Michael S. Scherotter