能否将MAUI Blazor Hybrid项目的视图复用至Web项目？

核心结论：完全可行，且已有大量实践 #

MAUI Blazor Hybrid的视图本质是标准Blazor Razor组件，和Blazor Web（Server/WASM）使用的组件完全兼容。只要做好组件的平台无关性设计，就能在MAUI Hybrid和Web项目中无缝复用。

具体实现步骤及示例 #

1. 分离共享组件到Razor类库（RCL） #

创建一个Razor Class Library项目，将需要复用的视图、业务逻辑放在这里，确保组件只依赖Blazor标准API和.NET基础类库，避免直接引用MAUI专属的Microsoft.Maui相关包或API。

示例共享组件（MyCounter.razor）：

<h3>通用计数器</h3>
<p>当前计数：@currentCount</p>
<button @onclick="IncrementCount">点击增加</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

2. 在MAUI Blazor Hybrid项目中复用 #

在MAUI Hybrid项目中引用上述RCL，直接在Blazor页面（如Main.razor）中使用组件：

@page "/"

<MyCounter />

3. 在Blazor Web项目中复用 #

创建Blazor Server/WASM项目，同样引用该RCL，在Web页面中使用相同的组件：

@page "/"

<MyCounter />

4. 处理平台差异（若有） #

如果组件需要调用平台专属功能（如MAUI端的设备传感器、Web端的浏览器API），通过依赖注入+接口抽象解决：

• 定义通用接口：

public interface IPlatformService
{
    string GetPlatformInfo();
}

• 在MAUI项目中实现：

public class MauiPlatformService : IPlatformService
{
    public string GetPlatformInfo() => $"MAUI {DeviceInfo.Platform}";
}

• 在Web项目中实现：

public class WebPlatformService : IPlatformService
{
    public string GetPlatformInfo() => "Blazor Web";
}

• 在组件中通过注入使用：

@inject IPlatformService PlatformService

<p>当前平台：@PlatformService.GetPlatformInfo()</p>

关于跨平台理念的补充 #

Flutter确实实现了单代码库覆盖多端的统一渲染层，这是它的核心优势。而MAUI Blazor Hybrid的思路是基于.NET生态的组件复用，通过Blazor的跨平台能力，让.NET开发者复用现有技能和库，同时保留原生平台的交互体验。两者的设计思路不同，不存在绝对的“滞后”，更多是适配不同的技术栈和场景需求。

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