How can I create a Popup that takes whole bottom of the screen?

[maxkoshevoi]

Something like this:

[Cfun1]

Create a custom size that takes the whole screen width and for example takes 40% of screen Height:

public static Size Custom => new Size((DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density), 
                                0.4 * (DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density));

Look at https://github.com/xamarin/XamarinCommunityToolkit/blob/develop/samples/XCT.Sample/Pages/Views/Popups/PopupSize.cs use your custom size in Size property like in sample app:

XamarinCommunityToolkit/samples/XCT.Sample/Pages/Views/Popups/SimplePopup.xaml

Line 6 in e976b79

Size="{x:Static local:PopupSize.Small}"

and finally set the position to bottom center also like shown in the sample app

XamarinCommunityToolkit/samples/XCT.Sample/Pages/Views/Popups/PopupPositionPage.xaml

Line 103 in e976b79

CommandParameter="{x:Static viewModels:PopupPositionViewModel+PopupPosition.Bottom}" />

or directly set the vertical and horizontal alignment like it done in the command here

XamarinCommunityToolkit/samples/XCT.Sample/ViewModels/Views/Popups/PopupPositionViewModel.cs

Lines 53 to 56 in e976b79

	case PopupPosition.Bottom:
	popup.VerticalOptions = new LayoutOptions(LayoutAlignment.End, true);
	popup.HorizontalOptions = new LayoutOptions(LayoutAlignment.Center, true);
	break;

I know I am kinda of linked you to the sample code, hope globally it is helpful.

[maxkoshevoi]

Thank you, it worked. I was trying to achieve it be "AndExpand" in HorizontalOptions. What does "Expand" even do then?

[maxkoshevoi]

Also, how can I make height of the popup autosize based on content height? Can I control how it appears somehow (speed and animation)? I want it to pop from the bottom.

[maxkoshevoi]

Thank you, it worked.

No, wait, when page is rotated, size is not recalculated:

[Cfun1]

Thank you, it worked.

No, wait, when page is rotated, size is not recalculated:

I believe you ca override OnSize allocated check screen orientation using essatials do some magic accordingly:

protected override void OnSizeAllocated(double width, double height) { 
  var mainDisplayInfo = DeviceDisplay.MainDisplayInfo;
  var orientation = mainDisplayInfo.Orientation;
  If (orientation == Xamarin.Essentials.DisplayOrientation.Landscape)
  {
    popup.Size = new Size((DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density), 
                                0.4 * (DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density));
    }
    else
   {
  popup.Size = new Size((DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density), 
                                0.4 * (DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density));
         }