RandomUser.me Cell

ContactCell.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ViewCell xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"          
             xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
             xmlns:ffTransformations="clr-namespace:FFImageLoading.Transformations;assembly=FFImageLoading.Transformations"
             x:Class="LORMobile.Cells.ContactCell">
  <ViewCell.View>
        <StackLayout Orientation="Horizontal"
                     HorizontalOptions="FillAndExpand"
                     Padding="10, 5, 5, 5"
                     CompressedLayout.IsHeadless="True">
            <!-- Contact's Profile Picture -->
            <ffimageloading:CachedImage Source="{Binding Picture.Large}"
                                        HeightRequest="50"
                                        WidthRequest="50"
                                        VerticalOptions="Center">
                <ffimageloading:CachedImage.Transformations>
                     <!--Make the Contact's Profile Picture a Circle--> 
                    <ffTransformations:CircleTransformation />
                </ffimageloading:CachedImage.Transformations>            
            </ffimageloading:CachedImage>
            
            <!-- Contact Details -->
            <StackLayout HorizontalOptions="FillAndExpand"
                         CompressedLayout.IsHeadless="True">
                <!--<Label Text="{Binding Name, Converter={StaticResource NameConverter}}" />-->
                <!-- Contact Name (Last, First) -->
                <Label Style="{StaticResource ListItemTitleTextStyle}">
                    <Label.FormattedText> 
                        <FormattedString>
                            <Span Text="{Binding Name.Last, Converter={StaticResource CapitalizeWordConverter}}" />
                            <Span Text=", " />
                            <Span Text="{Binding Name.First, Converter={StaticResource CapitalizeWordConverter}}" />
                        </FormattedString>
                    </Label.FormattedText>
                </Label>

                <!-- Contact Location (City, State) -->
                <Label Style="{StaticResource ListItemSubTitleTextStyle}">
                    <Label.FormattedText>
                        <FormattedString>
                            <Span Text="{Binding Location.City, Converter={StaticResource CapitalizeWordConverter}}" />
                            <Span Text=", " />
                            <Span Text="{Binding Location.State, Converter={StaticResource CapitalizeWordConverter}}" />
                        </FormattedString>
                    </Label.FormattedText>
                </Label>
            </StackLayout>
        </StackLayout>
    </ViewCell.View>
</ViewCell>