How to set Command from Content View Template - xamarin

Question

I have a content page with CarouselViewControl. I am using template to display my picture and information. Now I am setting up a Command in my Template ContentView on the picture. However the event doesn't trigger. Do you see what I am doing wrong?
ContentPage:
<local:ExtendedCarouselViewControl
x:Name="lastThreeArticlesCarouselView"
Grid.Row="1"
Margin="0"
CurrentPageIndicatorTintColor="{DynamicResource BaseTextColor}"
HeightRequest="330"
IndicatorsTintColor="{DynamicResource TranslucidBlack}"
ItemsSource="{Binding LastThreeArticles, Mode=TwoWay}"
ShowIndicators="True"
VerticalOptions="Start">
<cv:CarouselViewControl.ItemTemplate>
<DataTemplate>
<local:AvatArticlesBrowserHeaderItemTemplate />
</DataTemplate>
</cv:CarouselViewControl.ItemTemplate>
</local:ExtendedCarouselViewControl>
...
public ArticleBrowser()
{
InitializeComponent();
}
protected override void OnAppearing()
{
base.OnAppearing();
var context = new MyArticlesBrowserViewModel(Navigation);
Task.Run(async () => await context.LoadDataForBestSellers()).Wait();
lastThreeArticlesCarouselView.ItemsSource = null;
lastThreeArticlesCarouselView.ItemsSource = context.LastThreeArticles;
}
Template:
<ffimageloading:CachedImage
Aspect="AspectFill"
Source="{Binding BackgroundImage, Mode=TwoWay}"
VerticalOptions="Fill">
<ffimageloading:CachedImage.GestureRecognizers>
<TapGestureRecognizer Command="{Binding PlayButtonCommand}" />
</ffimageloading:CachedImage.GestureRecognizers>
</ffimageloading:CachedImage>
...
public Articles()
{
InitializeComponent();
BindingContext = new MyArticlesBrowserViewModel();
}
My Command:
public MyArticlesBrowserViewModel(INavigation navigation) : base()
{
PlayButtonCommand = new Command(async () => navigation.PushAsync(new Loader(Pages.Listening)));
}
UPDATE
<ffimageloading:CachedImage
Aspect="AspectFill"
Source="{Binding BackgroundImage, Mode=TwoWay}"
VerticalOptions="Fill">
<ffimageloading:CachedImage.GestureRecognizers>
<TapGestureRecognizer Command="{Binding BindingContext.PlayButtonCommand, Source={x:Reference Name=lastThreeArticlesCarouselView}}" />
</ffimageloading:CachedImage.GestureRecognizers>
</ffimageloading:CachedImage>
I have tried this but still the event doesnt get called

Answer 1

The BindingContext of your Template in this case is the DataSource of the CarouselView and not the ViewModel, you can reference it by indicating another BindingContext of an parent control like this:
{Binding BindingContext.PlayButtonCommand, Source={x:Reference Name=lastThreeArticlesCarouselView}}