UNO跨平台应用Windows与WASM渲染不一致问题求助

我开发的UNO跨平台应用中，XAML在Windows UI Desktop和WASM上的渲染存在两处差异，恳请大家提供解决思路：

场景一：WASM端TimePicker缺失 #

Windows UI Desktop端可正常显示CalendarDatePicker及两行TimePicker，但WASM端的TimePicker完全看不到。相关XAML代码如下：

<ListView Name="scheduleList" ItemsSource="{x:Bind VM.Schedules}" SelectedItem="{x:Bind VM.SelectedSchedule}"
     Header="Scheduled Appearances:" SelectionMode="Single" >
    <ListView.ItemTemplate>
        <DataTemplate x:DataType="data:Schedule">
            <Grid Margin="4">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <StackPanel Orientation="Horizontal" Grid.Row="0">
                     <CalendarDatePicker x:Name="locDate"  Header="Location Date:"  HorizontalAlignment="Stretch"
                            PlaceholderText="Location Date" Date="{Binding LocationOffsetDate, Mode=TwoWay}" 
                             DateFormat = "{}{dayofweek.full},{month.full} {day.integer}, {year.full}"/>
                    <CheckBox x:Name="okToDelete" Content="Can Delete" IsChecked="{Binding Selected,Mode=TwoWay}"
                               Margin="10,0,0,0" FontSize="18"/>
                </StackPanel>

                <StackPanel Orientation="Horizontal" Grid.Row="1" >
                    <TimePicker x:Name="stTime" Header="Start Time" SelectedTime="{Binding StartTime, Mode=TwoWay}" MinuteIncrement="15"/>
                    <TimePicker x:Name="enTime" Header="End Time" SelectedTime="{Binding EndTime, Mode=TwoWay}" MinuteIncrement="15"/>
                </StackPanel>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

场景二：WASM端自定义FTNTextBox数据缺失 #

Windows UI Desktop端自定义FTNTextBox控件可正常显示绑定的数据，但WASM端控件里的内容为空。页面中使用FTNTextBox的代码如下：

<StackPanel Grid.Row="3" x:Name="editLocation" Margin="0,4" HorizontalAlignment="Stretch">
    <TextBlock x:Name="createNewLocation" Text="Define a new location" FontSize="18" Foreground="{StaticResource NavigatorBkgColor}"
               HorizontalAlignment="Center" />
    <controls:FTNTextBox Description="Location Name:"  IsRequired="true"
           InputValue="{x:Bind VM.SelectedLocationClone.Name, Mode=TwoWay}" />
    <controls:FTNTextBox Description="Location Address, include city:"  IsRequired="true"
           InputValue="{x:Bind VM.SelectedLocationClone.Address, Mode=TwoWay}" />
    <controls:FTNTextBox Description="Zip code"  IsRequired="true"
           InputValue="{x:Bind VM.SelectedLocationClone.Postal, Mode=TwoWay}" />
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
        <Button x:Name="addLocation" Content="Add Location" Margin="10,0,10,0"  
                Command="{x:Bind VM.InsertLocationCommand}"/>
        <Button x:Name="updateChanges" Content="Update Changes" Margin="10,0,5,0" 
                Command="{x:Bind VM.UpdateLocationCommand}"/>
        <Button x:Name="deleteLocation" Content="Delete Location" Margin="5,0,10,0" 
                Command="{x:Bind VM.DeleteLocationCommand}"/>
    </StackPanel>
</StackPanel>

FTNTextBox的XAML代码：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <!-- This column takes all available horizontal space -->
        <ColumnDefinition Width="Auto" />
        <!-- This column adjusts to fit its content -->
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
<!-- Description Label -->

    <TextBlock Grid.Row="0" Grid.Column="0" x:Name="descriptionBlock" Text="{x:Bind Description}" 
            Style="{StaticResource FTN_TextBoxDescriptionStyle}" 
            VerticalAlignment="Bottom" HorizontalAlignment="Left"  />
    <TextBlock Grid.Row="0" Grid.Column="1" x:Name="requiredBlock" Text="*required" 
            Style="{StaticResource FTN_TextRquiredStyle}"
            VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="0,0,10,0" />             
    
    <!-- Input TextBox -->
    <TextBox Grid.Row="1" Grid.ColumnSpan="2" x:Name="inputTextBox" 
             TextChanged="OnTextChanged"  Text="{x:Bind InputValue, Mode=TwoWay}"
             Style="{StaticResource FTN_TextInputStyle}" Margin="10,0,10,10" />
</Grid>

已尝试的操作 #

我已经自行查找过相关解决方法，但没有取得进展。

排查思路参考 #

针对场景一（TimePicker缺失）

• 版本兼容性：检查当前UNO.UI版本，部分旧版本对WASM端TimePicker的支持不完善，尝试升级到最新稳定版。
• 布局空间问题：WASM端水平方向的StackPanel可能因空间不足挤压控件，给TimePicker设置MinWidth（比如MinWidth="150"），或者用Grid替代StackPanel来分配控件宽度。
• 数据类型匹配：确认ViewModel中StartTime和EndTime的类型为TimeSpan?（可空时间跨度），WASM端对非可空类型的绑定可能存在兼容性问题。
• 浏览器控制台排查：打开浏览器开发者工具（F12）查看Console面板，是否有控件初始化失败的报错信息。

针对场景二（FTNTextBox数据缺失）

• 依赖属性配置：检查FTNTextBox中InputValue依赖属性的注册，确保设置了FrameworkPropertyMetadataOptions.BindsTwoWayByDefault，且类型为string。
• 绑定触发方式：在FTNTextBox内部的TextBox绑定中添加UpdateSourceTrigger=PropertyChanged，确保WASM端能及时同步数据。
• 样式兼容性测试：移除自定义样式FTN_TextBoxDescriptionStyle和FTN_TextInputStyle，用默认样式测试是否能显示数据，排除样式导致的渲染问题。
• 数据源验证：在页面中添加普通TextBox绑定同一个VM.SelectedLocationClone属性，测试是否能显示数据，确认数据源在WASM端是否正确初始化。
• 事件逻辑检查：查看OnTextChanged方法是否有逻辑干扰数据同步，比如手动修改TextBox.Text但未同步到InputValue属性。

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