Xamarin Shell导航栈中推送新页面后能否看到下层原页面？

架构老林

2026-10-3

Xamarin Shell 导航透明页面下层显示问题解答

默认行为

默认情况下通过Shell.Current.Navigation.PushAsync(new XampelPage())推送的新页面无法看到下层原页面：

Xamarin Forms 的栈导航逻辑中，新页面入栈后会完全接管页面渲染区域，下层原页面会被暂停渲染甚至临时从渲染树中移除
即使手动将新页面背景设置为透明，默认也只会显示系统窗口的默认背景色，不会显示下层原页面内容

透明背景显示下层页面的实现方案

可以通过调整导航方式+平台适配实现需求，操作步骤如下：

修改导航调用逻辑，改用模态推送并关闭默认过渡动画，避免出现闪黑问题：

await Shell.Current.Navigation.PushModalAsync(new XampelPage(), false);

给新页面设置透明背景，可以在XAML中声明或者后台代码赋值：

<!-- XAML 写法 -->
<ContentPage 
    ...
    BackgroundColor="Transparent">

// 后台代码写法
public XampelPage()
{
    InitializeComponent();
    BackgroundColor = Colors.Transparent;
}

增加双端平台适配配置

Android 端：在MainActivity对应的主题样式中添加透明窗口背景配置

<style name="MainTheme" parent="MainTheme.Base">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowIsTranslucent">true</item>
</style>

iOS 端：在新页面的构造函数中指定模态展示样式为覆盖当前上下文

using UIKit;

public XampelPage()
{
    InitializeComponent();
    BackgroundColor = Colors.Transparent;
    if (DeviceInfo.Platform == DevicePlatform.iOS)
    {
        ModalPresentationStyle = UIModalPresentationStyle.OverCurrentContext;
    }
}