在Xamarin Shell的ShellContent中使用ContentView报错如何解决？

specified cast is not valid 报错的根本原因是 .NET MAUI / Xamarin Shell 要求 ShellContent 关联的根视图必须为继承自 Page 类的类型（如 ContentPage），你直接将 ContentView 类型的 LoginPage 作为 ShellContent 的内容，触发了强制类型转换失败。

你完全不需要修改原有 LoginPage 的 ContentView 结构，只需要在外层套一层空白 ContentPage 作为外壳即可，不会影响你内部嵌套其他视图的逻辑，有两种常用写法可选：

• 写法1：直接在 ShellContent 内嵌套空白 ContentPage

<Shell ....
...
    <TabBar Shell.TabBarUnselectedColor="Green" Shell.BackgroundColor="Gray" Shell.NavBarHasShadow="True" Shell.NavBarIsVisible="False">
        <ShellContent Title="WebView" Icon="icon_about.png" Route="LoginView" >
            <!-- 外层套空白ContentPage，Padding设为0去掉默认边距 -->
            <ContentPage Padding="0">
                <local:LoginPage/>
            </ContentPage>
        </ShellContent>

        <ShellContent Title="Listing" Icon="icon_about.png" Route="ListingView"  ContentTemplate="{DataTemplate local:ListingView}" />
...

• 写法2：和现有 ListingView 写法统一，使用 ContentTemplate 实现延迟加载
  首先新增一个空白 ContentPage 作为承载容器，示例代码如下：

<!-- LoginPageWrapper.xaml -->
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:你的项目命名空间"
             x:Class="你的项目命名空间.LoginPageWrapper"
             Padding="0">
    <local:LoginPage/>
</ContentPage>

再修改 AppShell.xaml 对应代码即可：

<ShellContent Title="WebView" Icon="icon_about.png" Route="LoginView" ContentTemplate="{DataTemplate local:LoginPageWrapper}" />

你可以按需调整外层 ContentPage 的背景色、导航栏显隐等属性，最终实现和直接使用 ContentView 完全一致的视觉和交互效果。

内容的提问来源于stack exchange，提问作者lightyears99