Windows Forms应用BlazorWebView布局不加载，LayoutEngine属性如何设置

你遇到的布局渲染异常和BlazorWebView.LayoutEngine属性完全无关，该属性也不是解决你问题的方案，你的问题是BlazorWebView的用法错误导致的。

问题原因 #

• 你同时实例化了两个BlazorWebView控件，都设置了Dock = DockStyle.Fill，后添加到Form的控件会完全覆盖前一个控件，因此只会显示最后挂载的组件内容，不可能同时渲染布局和业务组件。
• Blazor的Razor布局（MainLayout）是框架自带的组件嵌套逻辑，不需要单独挂载到BlazorWebView的根节点，也不需要单独开一个BlazorWebView承载布局。

正确实现方案 #

只需要保留一个BlazorWebView实例，挂载业务根组件，通过Blazor自带的布局规则套用MainLayout即可：

1. 调整WinForms端的控件初始化代码：

using (ServiceProvider serviceProvider = services.BuildServiceProvider())
{
    BlazorWebView blazorApp = new BlazorWebView()
    {
        Dock = DockStyle.Fill,
        HostPage = "wwwroot/index.html",
        Services = serviceProvider
    };
    // 仅挂载业务根组件，不需要单独挂载MainLayout
    blazorApp.RootComponents.Add<CoronaVirus>("#app");
    var form1 = new Form1();
    form1.Controls.Add(blazorApp);                
    Application.Run(form1);
}

2. 配置布局套用规则，二选一即可：
   • 单组件套用：在CoronaVirus.razor文件的第一行添加@layout MainLayout
   • 全局套用：在项目的_Imports.razor文件中添加@layout MainLayout，所有页面组件都会自动套用该布局

关于LayoutEngine属性的说明 #

LayoutEngine是WinForms所有控件继承自System.Windows.Forms.Control的通用属性，用于实现WinForms原生控件的自定义排列逻辑，和Blazor的前端页面布局系统没有任何关联。正常使用BlazorWebView时不需要手动修改该属性，保持默认值即可，它也无法解决Blazor页面的渲染异常问题。

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