XAML iOS中的Maui FlyoutFooter未正确显示

8wtpewkr 于 2023-06-27 发布在 iOS

关注(0)|答案(1)|浏览(120)

我只是想实现一个页脚在我的弹出为Android和iOS。这是我的AppShell Footer `的代码。

<DataTemplate>
        <Grid>
            <VerticalStackLayout IgnoreSafeArea="False">
                <Label Text="Footer" TextColor="Red"></Label>
                <Label Text="Footer2" TextColor="Red"></Label>
                <Label Text="Text" TextColor="Red"></Label>
            </VerticalStackLayout>
            </Grid>
    </DataTemplate>
</Shell.FlyoutFooterTemplate>`

如果我在最后一个文本中显示此文本，则它直接位于iOS的安全区域上方

xaml

来源：https://stackoverflow.com/questions/76562050/maui-flyoutfooter-in-ios-not-displaying-correctly

1条答案

按热度按时间

inkz8wg91#

我可以重现iOS上最后一个文本被安全区覆盖的问题。
作为替代解决方法，您可以尝试设置StackLayout的HeightRequest，如下所示：

<Shell.FlyoutFooterTemplate> 
      <DataTemplate>
             <StackLayout>
                  <StackLayout.HeightRequest>
                     <OnPlatform x:TypeArguments="x:Double">
                         <On Platform="iOS" Value="80"/>
                     </OnPlatform>
                   </StackLayout.HeightRequest>

                    <Label HorizontalOptions="Center" Text="Footer" TextColor="Red"/>
                    <Label  HorizontalOptions="Center" Text="Footer" TextColor="Red"/>
                    <Label  HorizontalOptions="Center" Text="Footer" TextColor="Red"/>

              </StackLayout>
       </DataTemplate>

</Shell.FlyoutFooterTemplate>

赞(0）回复(0）举报 2023-06-27

我来回答

XAML iOS中的Maui FlyoutFooter未正确显示

1条答案

相关问题

热门标签

最新问答