Updating the WalkDistancePage user unterface using XAML

In this section, we will update the user interface for our WalkDistancePage in order to modify our ToolbarItem, since we will need to display additional items when retrieving Twitter profile information and posting Tweets to the users Twitter feed. Within our code-behind file, we will use the DisplayActionSheet method to display a list of choices that the user can choose from so that they can retrieve profile information, post tweets, and end the current trail in progress.

Let's start by updating the user interface for our WalkDistancePage by performing the following steps:

1. Locate and open the WalkDistancePage.xaml file, which is located within the Views folder, ensuring that it is displayed within the code editor, and enter the following highlighted code sections:

   <?xml version="1.0" encoding="UTF-8"?>
   <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"  
                xmlns:x="http://schemas.microsoft.com/winfx...