Ad Code

Responsive Advertisement

Xamarin.Forms - How To Make SnackBar Using DependencyService step by step

Introduction
                 This article demonstrates how to make SnackBar in Android applications using DependencyService in Xamarin.Forms applications. It supports only Android devices and can't support IOS applications.




NuGet Package - search Xamarin.Android
  • Plugin.CurrentActivity
Xamarin.Android Output


Xamarin
Xamarin.Droid
Prerequisites

  • Visual Studio 2017
  • This sample project is targeted only for Android and tested Android devices 
Let's start!

Step 1
You can create a new Xamarin.Forms application by going to File >> New >>Visual C# >> Cross-platform >> Cross-platform App (Xamarin.Forms or Xamarin.Native) and give solution name, then click OK .
(Eg - Project name - SnackBarDemo)


Xamarin
fig 1 New Project



Step 2

After the project creation, declare a DependencyService Interface in Xamarin.Forms PCL project, we could call this interface from our PCL projects. For that, go to Solution Explorer >> click SnackBarDemo(PCL) project >>right-click and select add >>followed by select New Item>> In the popup window, scroll down and select Interface >> give the name as SnackInterface then click OK. Here is the code for this interface.

C# Code



Step 3
Now, we are going to design a Button with a clicked event in MainPage.Xaml page. For that, go to Solution Explorer >> SnackBarDmeo(PCL) >> click open MainPage.Xaml and add the following code.
 

Xaml Code




Step 4

The next step would implement the DependencyService Interface in PCL project. For that, go to Solution Explorer >>SnackBarDemo(PCL) >> click open MainPage.xaml.cs and add the following code.

C# Code



Step 5

Afterwards, add the following NuGet Package to our Xamarin.Android project.

  • Plugin.CurrentActivity
Xamarin
Fig 2 Nuget Package


For that, open Solution Explorer and select your Xamarin.Andriod project solution. Right-click and select "Manage nuget Package". In the popup window, navigate "Browse" tab and browse "Plugin.CurrentActivity" and select following nuget package then install it.


Step 6

Next, we implement the interface in Xamarin.Android project. For that, go to Solution Explorer >> select SnackbarDemo.Android project and right-click and select Add Followed by selecting New Item. In the popup window, select class and give the name as SnackBar_Android.cs then add the following assembly and code.

C# Code





Step 7

Now, add another class named MainApplication and here is the code. In this code, the definition overrides the OnCreate method and calls "Init" method.

C# Code



Step 8

Finally, go to "Build" menu and click "Configure Manager". Here, configure your startup projects. Click "F5" or start to build and run your application.

After few seconds, the app will start runing on Android simulator or emulator and we will see the app working successfully.
Xamarin
Output


End result will look like below.

Full Source Code can be found here.

Reactions

Post a Comment

0 Comments