title: Xamarin Carousel GestureRecognizers Not Working
body: <p>I want to implement a Carousel view swipe gesture recognizer left or right Swipes.<br>
  But ONLY tapped event can be recognized ,gesture  events cannot be captured(not firing).
  What i need is when user swipe left or right according to the swipe event i want to manage dot button opacity accordingly.
  I saw some nuget packages already there to achieve this.I prefer not to use nuget packages.</p>
  
  <p>I have tried the tapped event,tapped event is firing but not the gesture  event</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;CarouselView x:Name="CV" ItemsSource="{Binding People}" HeightRequest="200" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" Margin="10" &gt;
  
                  &lt;CarouselView.ItemsLayout&gt;
                      &lt;GridItemsLayout Orientation="Horizontal" SnapPointsAlignment="Center" SnapPointsType="Mandatory"/&gt;
                  &lt;/CarouselView.ItemsLayout&gt;
                  &lt;CarouselView.ItemTemplate&gt;
                      &lt;DataTemplate&gt;
                          &lt;Frame BorderColor="LightGray" CornerRadius="3" HasShadow="False"&gt;
                              &lt;Grid&gt;
                                  &lt;Grid.GestureRecognizers&gt;
                                      &lt;SwipeGestureRecognizer Direction="Left" Swiped="SwipeGestureRecognizer_OnSwiped" /&gt;
                                      &lt;SwipeGestureRecognizer Direction="Right" Swiped="SwipeGestureRecognizer_OnSwiped"/&gt;
                                      &lt;SwipeGestureRecognizer Direction="Up" Swiped="SwipeGestureRecognizer_OnSwiped" /&gt;
                                      &lt;SwipeGestureRecognizer Direction="Down" Swiped="SwipeGestureRecognizer_OnSwiped"/&gt;
                                  &lt;/Grid.GestureRecognizers&gt;
                                  &lt;Grid.ColumnDefinitions&gt;
                                      &lt;ColumnDefinition Width="75"/&gt;
                                      &lt;ColumnDefinition Width="*" /&gt;
                                  &lt;/Grid.ColumnDefinitions&gt;
                                  &lt;Grid.RowDefinitions&gt;
                                      &lt;RowDefinition Height="*"/&gt;
                                      &lt;RowDefinition Height="*"/&gt;
                                  &lt;/Grid.RowDefinitions&gt;
                                  &lt;Image Grid.Column="0" Grid.Row="0" Source="person" VerticalOptions="Start"/&gt;
                                  &lt;StackLayout Grid.Column="1" Grid.Row="1" HorizontalOptions="EndAndExpand" VerticalOptions="EndAndExpand"&gt;
                                      &lt;Label Text="{Binding}" FontSize="24" HorizontalOptions="EndAndExpand"/&gt;
                                      &lt;Label Text="Company Address" HorizontalOptions="EndAndExpand"/&gt;
                                      &lt;Label Text="City, State" HorizontalOptions="EndAndExpand"/&gt;
                                  &lt;/StackLayout&gt;
                              &lt;/Grid&gt;
                          &lt;/Frame&gt;
                      &lt;/DataTemplate&gt;
                  &lt;/CarouselView.ItemTemplate&gt;
              &lt;/CarouselView&gt;
  </code></pre>