[Spec] Toast control

Summary

A toaster view that appears on top of the presented page

API Changes

Add the toast control

e.g.

Some feature would be,

    Toaster.Current.FontSize = 13;
    Toaster.Current.TextColor = Color.White;
    Toaster.Current.BackgroundColor = Color.DodgerBlue;
    Toaster.Current.CornerRadius = 8;
    Toaster.Current.Padding = new Thickness(20, 10);
    Toaster.Current.PositionY = 30;
    Toaster.Current.AnimateFor = 500;
    Toaster.Current.HideToastIn = 5;
    Toaster.Current.LineBreakMode = LineBreakMode.TailTruncation;
    Toaster.Current.MaxLines = 1;

    ShowToastCommand = new Command(parameter =>
    {
        Toaster.Current.ToastAction = async () =>
        {
            await Toaster.Current.HideToaster();
        };
        Toaster.Current.Text = parameter.ToString();

        Toaster.Current.ShowToaster();
    });

Intended Use Case

To give users short information about service failures and other similar cases.

[ErlingMK]

Also can we allow adding shadows?

We should include a HasShadow property. For the implementation ; iOS ; bind the frame HasShadow to the same property. Android ; Set VisualElement.Elavation(https://docs.microsoft.com/en-us/xamarin/xamarin-forms/platform/android/visualelement-elevation) when HasShadow is set

The ideal solution for shadows would be to not use frames. The frame shadow for iOS doesn’t look good at all. Both iOS and Android have platform specific solutions, but they don’t work with Xamarin.Forms frames out of the box.

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/platform/ios/visualelement-drop-shadow <-- Tried using these with a frame before. The default HasShadow property overrides whatever you set here.

[rizanzaky]

to make it simple, would go with this approach,

DisplayToast(string text, ToastOptions toastOptions = null, ToastLayout toastLayout = null);

class ToastOptions {
    Action ToastAction { get; set; }
    Func<ToastView, Task> DisplayAnimation { get; set; }
    Func<ToastView, Task> CloseAnimation { get; set; }
    int HideToastIn { get; set; }
}

class ToastLayout {
    Color BackgroundColor { get; set; }
    float CornerRadius { get; set; }
    string FontFamily { get; set; }
    double FontSize { get; set; }
    bool HasShadow { get; set; }
    LineBreakMode LineBreakMode { get; set; }
    int MaxLines { get; set; }
    Thickness Padding { get; set; }
    double PositionY { get; set; }
    Color TextColor { get; set; }
}

which will avoid conflicts for the properties as also discussed in the comments

Closing the toast would simply be,

CloseToast()