UWP应用程序在Windows Phone上有奇怪的布局

Question

我在UW上获得了一个简单的应用程序。当我建立并在PC上部署它，它看起来是这样的：

但是，当我改变构建目标ARM和我的手机（的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

乍一看，这看起来像一个问题与操作系统主题和t他以你在XAML中设置前景的方式。

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

如果您打算让应用始终拥有白色背景，我建议您在网页的根部使用RequestedTheme =“Light”，除非您要更改文字的颜色，否则不要设置前景，因为这可以让操作系统中的主题为您处理。

您是否有一些XAML，以便我们可以建立这个问题？