Creating and implementing the user interface for the TwitterSignInPage

In this section, we will update the underlying C# code within our TwitterSignInPage code-behind file so that it can communicate with our TwitterSignInPageViewModel. This will be used as a container to display our Twitter sign in dialog that will use our TwitterSignInPageRenderer PageRenderer, which we will create as we progress throughout this chapter.

Let's start by creating the TwitterSignInPage interface for our TrackMyWalks app by performing the following steps:

1. Right-click on the Services folder and choose Add | New File... from the pop-up menu.
2. Next, create a new Forms ContentPage XAML class called TwitterSignIn within the Views folder, as you did in the section entitled Creating the WalksMainPage interface using XAML, located within Chapter 4, Creating the TrackMyWalks Native App.

3. Then, ensure...