XAML ContentPage的内容未填满整个页面- Maui

r6l8ljro  于 2023-09-28  发布在  其他
关注(0)|答案(1)|浏览(150)

在我的应用程序(iOS版,用iPhone 14 Plus测试)中,我有一个页面想显示为模态。目前的问题是,当我把它作为一个模态显示时,内容并没有填满整个页面。这在屏幕顶部不是问题。然而,底部也有我无法用内容填充的空间。我是不是做错了什么?

在页面的xaml中,我只定义了一个背景和一个边框元素。如图所示:

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 Background="Red">

    <Border Background="{StaticResource DefaultBackgroundColor}" StrokeThickness="0"/>
    
   </Contentpage>
p3rjfoxz

p3rjfoxz1#

Border的行为只有在有子元素时才定义。
要填充父级,请尝试:

<Border Background="{StaticResource DefaultBackgroundColor}" StrokeThickness="0">
  <Grid RowDefinitions="*">
      <!-- whatever you want here -->
  </Grid>
</Border>

行为“*”的网格占用所有可用空间。
另一个可能的原因是iOS安全区。
如果您确定要在那里放置东西,请禁用安全区域:

<ContentPage
   ...
   Background="Red"
   IgnoreSafeArea="True">

或者可能需要在Grid上。更改第一个代码段:

...
  <Grid RowDefinitions="*" IgnoreSafeArea="True">
...

我看到红色已经在那里展示了。不管怎样,值得一试。

相关问题