Display A Toast Notification With Types In Xamarin iOS App

Introduction

 

Xamarin is a platform to develop cross-platform and multi-platform apps (for example, Windows phone, Android and iOS). In Xamarin platform, the code sharing concept is used. In Xamarin Studio, Visual Studio is also available.

 

Download Code Here.

 

 

 

Prerequisites 

• Xamarin Studio.
• Xcode.

The steps given below are required to be followed in order to display a Toast notification with types in Xamarin iOS, using Xamarin Studio.

 

Step 1

 

Go to Xamarin Studio.

Click New Solution—> select iOS—>select App--> Choose single View App. Afterwards, click Next.

 

 

 

Step 2

 

In this step, configure your app. Give the app name (Ex:sample), Organization Identifier. Afterwards, click Next.

 

 

 

Step 3

 

In this step, give your project name (Ex: Sample) and solution name (Ex: Sample). Give the path of your project. Afterwards, click Create.

 

 

 

Step 4

 

Subsequently, go to the solution. In the solution, get all the files and sources in your project. Now, select Main.storyboard and double click to open Main.storyboard page.

 

 

 

Step 5

 

After opening the Main.storyboard, you can design this page, as per your desire.

 

 

 

Step 6

 

In this step, add the Toast component in your app.

Now, go to Solution—>Components—>Click Get More Components.

 

 

 

Step 7

 

Now, select All Components. Search Toast after each complete. Choose Toast for iOS.

 

 

 

Step 8

 

Now, click to add to app. component and it will be added in your app.

 

 

 

Step 9

 

Now, go to the toolbox Window. In the toolbox Window, get all the types of the tools and controls. You need to go to the toolbox Window. Now, scroll down and you will see all the tools and controls. You need to drag and drop the button.

Now, you need to align the button, using constraints. Go to Properties Window and select the Button. Give a name (Ex:btnDefault).

 

 

 

Step 10

 

You need to drag and drop the second button.

Now, you need to align the button, using constraints and go to the properties Window. Select the button and give a name (Ex:btnInfo).

 

 

 

Step 11

 

You need to drag and drop the third button.

Now, you need to align the button, using constraints. Go to Properties Window, select the button and give a name (Ex:btnError).

 

 

 

Step 12

 

You need to drag and drop the fourth button.

Now, you need to align the button, using constraints. Go to Properties Window, select the button and give a name (Ex:btnNotice).

 

 

 

Step 13

 

You need to drag and drop the fifth button.

Now, you need to align the button, using constraints. Go to Properties Window, select the button and give a name (Ex:btnWarning).

 

 

 

Step 14

 

In this step, go to the ViewController.cs page and add the namespace, as given below.

 

ViewController.cs 

using ToastIOS;

 

 

Step 15

 

In this step, go to the ViewController.cs page. Write the code given below.

 

ViewController.cs 

namespace XamariniOSToastNotification
{
    public partial class ViewController: UIViewController {
        protected ViewController(IntPtr handle): base(handle) {
            // Note: this .ctor should not contain any initialization logic.
        }
        public override void ViewDidLoad() {
            base.ViewDidLoad();
            // Perform any additional setup after loading the view, typically from a nib.
        }
        partial void BtnWarning_TouchUpInside(UIButton sender) {
            Toast.MakeText("This Is Toast Warning").SetDuration(5 * 1000).Show(ToastType.Warning);
        }
        partial void BtnNotice_TouchUpInside(UIButton sender) {
            Toast.MakeText("This Is Toast Notice").SetDuration(5 * 1000).Show(ToastType.Notice);
        }
        partial void BtnError_TouchUpInside(UIButton sender) {
            Toast.MakeText("This Is Toast Error").SetDuration(5 * 1000).Show(ToastType.Error);
        }
        partial void BtnInfo_TouchUpInside(UIButton sender) {
            Toast.MakeText("This Is Toast Info").SetDuration(5 * 1000).Show(ToastType.Info);
        }
        partial void BtnDefault_TouchUpInside(UIButton sender) {
            Toast.MakeText("Hello Xamarin iOS").SetDuration(5 * 1000).Show();
        }
        public override void DidReceiveMemoryWarning() {
            base.DidReceiveMemoryWarning();
            // Release any cached data, images, etc that aren't in use.
        }
    }
}

 

 

Step 16

 

Now, go to Run option, choose Debug and the list of iPhone and iPad simulators, which are available. You can choose any one simulator and run it.

 

 

Output

 

After few seconds, the app will start running on your iPhone simulator. You will see your app working successfully.

 

You can click Toast button. Toast will work successfully. 

 

 

 

 

 

 

Summary

This was the process of how to display a Toast notification with types in Xamarin iOS, using Xamarin Studio.