Fix Snackbar layout #1901

Author: VladislavAntonyuk

samples/CommunityToolkit.Maui.Sample/Pages/Alerts/SnackbarPage.xaml

@@ -15,9 +15,14 @@
     </pages:BasePage.Resources>
 
     <VerticalStackLayout Spacing="12">
+        <Button x:Name="DisplayCustomSnackbarButton2"
+                Text="Display Custom Snackbar"
+                Clicked="DisplayCustomSnackbarButtonClicked2"
+                TextColor="{Binding Source={RelativeSource Self}, Path=BackgroundColor, Converter={StaticResource ColorToColorForTextConverter}, x:DataType=Button}"/> 
+
 
         <Label Text="The Snackbar is a timed alert that appears at the bottom of the screen by default. It is dismissed after a configurable duration of time. Snackbar is fully customizable and can be anchored to any IView." 
-                LineBreakMode = "WordWrap" />
+               LineBreakMode = "WordWrap" />
 
         <Label Text="Windows uses toast notifications to display snackbar. Make sure you switched off Focus Assist."
                IsVisible="{OnPlatform Default='false', WinUI='true'}"/>

samples/CommunityToolkit.Maui.Sample/Pages/Alerts/SnackbarPage.xaml.cs

@@ -82,6 +82,25 @@ async void DisplayCustomSnackbarButtonClicked(object? sender, EventArgs args)
 			throw new NotSupportedException($"{nameof(DisplayCustomSnackbarButton)}.{nameof(ITextButton.Text)} Not Recognized");
 		}
 	}
+	async void DisplayCustomSnackbarButtonClicked2(object sender, EventArgs e)
+	{
+		var options = new SnackbarOptions
+		{
+			BackgroundColor = Colors.Red,
+			TextColor = Colors.Green,
+			CharacterSpacing = 1,
+			ActionButtonFont = Font.SystemFontOfSize(14),
+			ActionButtonTextColor = Colors.Yellow,
+			CornerRadius = new CornerRadius(10),
+			Font = Font.SystemFontOfSize(14),
+		};
+		await DisplayCustomSnackbarButton2.DisplaySnackbar(
+			"This is a customized Snackbar",
+			() => DisplayCustomSnackbarButton2.BackgroundColor = Colors.Blue,
+			"Close",
+			TimeSpan.FromSeconds(5),
+			options);
+	}
 
 	void Snackbar_Dismissed(object? sender, EventArgs e)
 	{

src/CommunityToolkit.Maui.Core/Views/Alert/Alert.macios.cs

@@ -62,11 +62,12 @@ public void Dismiss()
 	/// <summary>
 	/// Show the <see cref="Alert"/> on the screen
 	/// </summary>
-	public void Show()
+	/// <param name="stretch">Should stretch alert container horizontally</param>
+	public void Show(bool stretch = false)
 	{
 		AlertView.AnchorView = Anchor;
 
-		AlertView.Setup();
+		AlertView.Setup(stretch);
 
 		timer = NSTimer.CreateScheduledTimer(Duration, t =>
 		{

src/CommunityToolkit.Maui.Core/Views/Alert/AlertView.macios.cs

@@ -8,6 +8,7 @@ namespace CommunityToolkit.Maui.Core.Views;
 /// </summary>
 public class AlertView : UIView
 {
+	const int defaultSpacing = 10;
 	readonly List<UIView> children = [];
 
 	/// <summary>
@@ -49,29 +50,53 @@ public class AlertView : UIView
 	/// <summary>
 	/// Initializes <see cref="AlertView"/>
 	/// </summary>
-	public void Setup()
+	/// <param name="stretch">Should stretch container horizontally</param>
+	public void Setup(bool stretch = false)
 	{
 		Initialize();
-		ConstraintInParent();
+		ConstraintInParent(stretch);
 	}
 
-	void ConstraintInParent()
+	/// <inheritdoc />
+	public override void LayoutSubviews()
 	{
+		base.LayoutSubviews();
 		_ = Container ?? throw new InvalidOperationException($"{nameof(AlertView)}.{nameof(Initialize)} not called");
 
-		const int defaultSpacing = 10;
 		if (AnchorView is null)
 		{
 			this.SafeBottomAnchor().ConstraintEqualTo(ParentView.SafeBottomAnchor(), -defaultSpacing).Active = true;
 			this.SafeTopAnchor().ConstraintGreaterThanOrEqualTo(ParentView.SafeTopAnchor(), defaultSpacing).Active = true;
 		}
 		else
 		{
-			this.SafeBottomAnchor().ConstraintEqualTo(AnchorView.SafeTopAnchor(), -defaultSpacing).Active = true;
+			var anchorViewPosition = AnchorView.Superview.ConvertRectToView(AnchorView.Frame, null);
+			if (anchorViewPosition.Top < Container.Frame.Height + SafeAreaLayoutGuide.LayoutFrame.Bottom)
+			{
+				this.SafeTopAnchor().ConstraintEqualTo(AnchorView.SafeBottomAnchor(), defaultSpacing).Active = true;
+			}
+			else
+			{
+				this.SafeBottomAnchor().ConstraintEqualTo(AnchorView.SafeTopAnchor(), -defaultSpacing).Active = true;
+			}
 		}
+	}
 
-		this.SafeLeadingAnchor().ConstraintGreaterThanOrEqualTo(ParentView.SafeLeadingAnchor(), defaultSpacing).Active = true;
-		this.SafeTrailingAnchor().ConstraintLessThanOrEqualTo(ParentView.SafeTrailingAnchor(), -defaultSpacing).Active = true;
+	void ConstraintInParent(bool stretch)
+	{
+		_ = Container ?? throw new InvalidOperationException($"{nameof(AlertView)}.{nameof(Initialize)} not called");
+
+		if (stretch)
+		{
+			this.SafeLeadingAnchor().ConstraintEqualTo(ParentView.SafeLeadingAnchor(), defaultSpacing).Active = true;
+			this.SafeTrailingAnchor().ConstraintEqualTo(ParentView.SafeTrailingAnchor(), -defaultSpacing).Active = true;
+		}
+		else
+		{
+			this.SafeLeadingAnchor().ConstraintGreaterThanOrEqualTo(ParentView.SafeLeadingAnchor(), defaultSpacing).Active = true;
+			this.SafeTrailingAnchor().ConstraintLessThanOrEqualTo(ParentView.SafeTrailingAnchor(), -defaultSpacing).Active = true;
+		}
+		
 		this.SafeCenterXAnchor().ConstraintEqualTo(ParentView.SafeCenterXAnchor()).Active = true;
 
 		Container.SafeLeadingAnchor().ConstraintEqualTo(this.SafeLeadingAnchor(), defaultSpacing).Active = true;

src/CommunityToolkit.Maui/Alerts/Snackbar/Snackbar.macios.cs

@@ -73,7 +73,7 @@ async Task ShowPlatform(CancellationToken token)
 			OnShown = OnShown
 		};
 
-		PlatformSnackbar.Show();
+		PlatformSnackbar.Show(true);
 
 		static T? GetMaximum<T>(params IReadOnlyList<T> items) => items.Max();
 	}