UWP App 在 Windows Phone 上的布局很奇怪

Question

我在 UW 上得到了一个简单的应用程序。当我在 PC 上构建和部署它时，它看起来像这样：

但是当我将构建目标更改为 ARM 并将其部署到我的 phone (Lumia 550) 时，应用程序的布局很奇怪：顶部是黑色矩形，列表视图是黑色矩形.我该如何解决这个问题？

代码：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <SplitView>
        <SplitView.Pane>
            <ListBox>
            </ListBox>
        </SplitView.Pane>
        <SplitView.Content>
            <Frame Name="mainFrame" />
        </SplitView.Content>
    </SplitView>
</Grid>

mainFrame 包含：

<Grid>
    <ListView/>
</Grid>

Grid 和 Xaml

都没有属性

Answer 1

乍一看，这似乎是 OS 主题和您在 XAML 中设置前景的方式的问题。

Windows Phone 支持真正的明暗主题。如果您的 phone 设置为使用深色主题，则所有默认背景都将为黑色。如果您手动将文本的前景设置为黑色，您将看到类似的内容，黑色文本上有黑色。我得出这个结论的方式是，您的搜索框在 phone 版本中使用了深色样式。

如果您打算在应用程序上始终使用白色背景，我建议您在页面的根部使用 RequestedTheme="Light"，除非您要更改文本的颜色，而不是设置前景值，因为这允许 OS 中的主题为您处理它。

您是否有一些 XAML 以便我们确定这是问题所在？

UWP App 在 Windows Phone 上的布局很奇怪

UWP App has weird layout on Windows Phone

.net

c#

win-universal-app