DisplayAlert

RickAndMortySample/RickAndMortySample/Pages/EpisodesPage.xaml

@@ -10,19 +10,29 @@
             SelectedItem="{Binding SelectedEpisode}">
             <CollectionView.ItemTemplate>
                 <DataTemplate>
-                    <HorizontalStackLayout Spacing="8" Margin="4" Padding="8,0">
+                    <VerticalStackLayout 
+                        Spacing="4" 
+                        Margin="6" 
+                        Padding="8,0">
+                        <HorizontalStackLayout 
+                            Spacing="8" >
+                                <Label 
+                                    Text="{Binding episode}" 
+                                    TextColor="Black"
+                                    FontSize="18"
+                                    FontAttributes="Bold"/>
+                                <Label 
+                                    Text="{Binding Name}" 
+                                    TextColor="Black"
+                                    FontSize="18"
+                                    FontAttributes="Bold"/>
+                        </HorizontalStackLayout>
+
                         <Label 
-                        Text="{Binding episode}" 
-                        TextColor="Black"
-                        FontSize="18"
-                        FontAttributes="Bold"/>
-                        <Label 
-                        Text="{Binding Name}" 
-                        TextColor="Black"
-                        FontSize="18"
-                        FontAttributes="Bold"/>
-                    </HorizontalStackLayout>
-
+                            Text="{Binding Air_date}" 
+                            TextColor="Gray" 
+                            GridLayout.Row="1"/>
+                    </VerticalStackLayout>
                 </DataTemplate>
             </CollectionView.ItemTemplate>
         </CollectionView>

RickAndMortySample/RickAndMortySample/ViewModels/CharactersViewModel.cs

@@ -32,7 +32,7 @@ public Character SelectedCharacter
             {
                 selectedCharacter = value;
                 OnPropertyChanged();
-                NavigateToCharacterDetail();
+                ShowAlert();
             }
         }
 
@@ -46,14 +46,14 @@ private async void FetchAsync()
             Characters = await rickAndMortyService.GetCharactersAsync();
         }
 
-        private async void NavigateToCharacterDetail()
+        private async void ShowAlert()
         {
             if (selectedCharacter == null)
             {
                 return;
             }
 
-            await App.Current.MainPage.DisplayAlert("Nice!!", $"You select {selectedCharacter.Name}", "Close");
+            await App.Current.MainPage.DisplayAlert("Nice!!", $"You tap {selectedCharacter.Name}", "Close");
 
             SelectedCharacter = null;
         }

RickAndMortySample/RickAndMortySample/ViewModels/EpisodesViewModel.cs

@@ -32,7 +32,7 @@ public Episode SelectedEpisode
             {
                 selectedEpisode = value;
                 OnPropertyChanged();
-                NavigateToEpisode();
+                ShowAlert();
             } 
         }
 
@@ -46,14 +46,14 @@ private async void FetchAsync()
             Episodes = await episodesService.GetEpisodesAsync();
         }
 
-        private void NavigateToEpisode()
+        private async void ShowAlert()
         {
             if (SelectedEpisode == null)
             {
                 return;
             }
 
-            //App.Current.MainPage.Navigation.PushAsync(new EpisodeDetailPage(selectedEpisode));
+            await App.Current.MainPage.DisplayAlert("Nice!!", $"You tap {selectedEpisode.episode} {selectedEpisode.Name}", "Close");
 
             SelectedEpisode = null;
         }