Xamarin.Forms: Data Binding (Android, iOS and Windows)

Step 1

First create a Xamarin.Forms project with Portable Class Library (PCL) as discussed in my previous article, Xamarin.Forms: Create Your First Xamarin App For iOS, Android, And Windows

Step 2

Important: This article is based on my previous article. So go through my previous article Xamarin.Forms: Create A Simple LoginUI before following this article.

In the previous article, I have created a Simple Login UI using the XAML Content Page with the input field, data-picker, time-picker, buttons, etc.

Step 3

From the previous article, we have the UI like:



Step 4

Now add a XAML page in PCL project. Right click on PCL project > Add > New item > Cross Platform > Forms Xaml Page and Click Add.





Step 5

In the MainPage.xaml.cs, update OnView function with the following code snippet.

Note

This is from the previous article. So please go through the previous article first.