.NET MAUI Windows平台Frame嵌套Picker选中项消失问题求助

问题分析 #

你遇到的这个问题大概率是文本颜色与Frame背景色冲突导致的视觉“消失”，而非控件功能故障。看你代码里嵌套在Frame的Picker设置了TextColor="White"，而Windows平台上Frame默认背景色就是白色，选中项的文字颜色和背景色一致，自然看不到内容。

解决方案 #

方案1：修改Picker的TextColor

把嵌套Picker的TextColor改成和Frame背景色有对比度的颜色，比如黑色：

<Picker 
    x:Name="MonkeyFrame"
    HorizontalOptions="Center"
    HorizontalTextAlignment="Center"
    TextColor="Black"
    FontAttributes="Bold" >
    <Picker.Items>
        <x:String>Baboon</x:String>
        <x:String>Capuchin Monkey</x:String>
        <x:String>Blue Monkey</x:String>
        <x:String>Squirrel Monkey</x:String>
        <x:String>Golden Lion Tamarin</x:String>
        <x:String>Howler Monkey</x:String>
        <x:String>Japanese Macaque</x:String>
    </Picker.Items>
</Picker>

方案2：修改Frame的背景色

如果需要保留Picker的白色文字，可以给Frame设置深色背景：

<Frame
    Grid.Column="0"
    Grid.Row="1"
    BackgroundColor="DarkGray">
    <Picker 
        x:Name="MonkeyFrame"
        HorizontalOptions="Center"
        HorizontalTextAlignment="Center"
        TextColor="White"
        FontAttributes="Bold" >
        <Picker.Items>
            <x:String>Baboon</x:String>
            <x:String>Capuchin Monkey</x:String>
            <x:String>Blue Monkey</x:String>
            <x:String>Squirrel Monkey</x:String>
            <x:String>Golden Lion Tamarin</x:String>
            <x:String>Howler Monkey</x:String>
            <x:String>Japanese Macaque</x:String>
        </Picker.Items>
    </Picker>
</Frame>

方案3：给Picker单独设置背景色

也可以直接给Picker设置背景色，让文字和背景形成对比：

<Picker 
    x:Name="MonkeyFrame"
    HorizontalOptions="Center"
    HorizontalTextAlignment="Center"
    TextColor="White"
    BackgroundColor="#2C3E50"
    FontAttributes="Bold" >
    <Picker.Items>
        <x:String>Baboon</x:String>
        <x:String>Capuchin Monkey</x:String>
        <x:String>Blue Monkey</x:String>
        <x:String>Squirrel Monkey</x:String>
        <x:String>Golden Lion Tamarin</x:String>
        <x:String>Howler Monkey</x:String>
        <x:String>Japanese Macaque</x:String>
    </Picker.Items>
</Picker>

额外排查点 #

如果以上方案无效，建议：

• 检查当前使用的.NET MAUI版本，更新到最新稳定版，部分旧版本存在Windows平台控件渲染的小bug；
• 尝试去掉Picker的HorizontalOptions="Center"，改为Fill，排查布局约束是否导致显示异常。

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