You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET MAUI应用中点击图片跳转页面失效,求解决方法

解决.NET MAUI点击图片后页面跳转失效的问题

常见原因及修复方案

1. 主页面未用NavigationPage包裹

这是导致Navigation.PushAsync失效最常见的原因。如果App启动时直接将ContentPage设为MainPage,当前页面的Navigation属性会为null,无法执行页面跳转。

修复代码:
修改App.xaml.cs中的MainPage初始化逻辑,用NavigationPage包裹起始页面:

public App()
{
    InitializeComponent();
    // 替换为你的实际起始页面类名,比如MainPage
    MainPage = new NavigationPage(new MainPage());
}

2. 未引用目标页面的命名空间

检查跳转触发页面的.cs文件顶部,是否添加了DisplayImage所在命名空间的引用。如果DisplayImage位于StudyTips.Views下,需要添加:

using StudyTips.Views;

3. 排查Navigation属性状态

可以在点击事件中先验证Navigation是否可用,快速定位问题:

private async void OnImage1Tapped(object sender, TappedEventArgs e)
{
    await DisplayAlert("OK", "OK", "OK");

    if (Navigation == null)
    {
        await DisplayAlert("提示", "Navigation对象为空", "确定");
        return;
    }

    var next = new DisplayImage();
    await Navigation.PushAsync(next);
}

4. 检查目标页面的类名匹配

确认DisplayImage.xaml中的x:Class属性值,与DisplayImage.xaml.cs文件的命名空间、类名完全一致,避免拼写错误导致无法实例化页面。

验证修复

完成上述修改后重新运行应用,点击图片即可正常跳转到DisplayImage页面。

内容的提问来源于stack exchange,提问作者Eugene Istomin

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 19:02:16