Xamarin Forms UWP平台TapGestureRecognizer点击跳转异常求助

这个问题是UWP平台下FlexLayout的视图复用机制导致的：当列表滚动时，已加载的ContentView会被复用给新的列表项，但TapGestureRecognizer的事件绑定没有同步更新关联的数据，导致点击时仍使用该视图初始加载时绑定的旧数据。

解决方法 #

方法1：改用Command绑定（推荐） #

通过Command和CommandParameter绑定，直接关联当前列表项的数据，避免视图复用带来的上下文混乱。

1. 在页面ViewModel中定义命令：

public ICommand ItemTapCommand { get; }

public YourPageViewModel()
{
    ItemTapCommand = new Command<YourItemModel>(async (item) =>
    {
        if (item == null) return;
        await Application.Current.MainPage.Navigation.PushAsync(new DetailPage(item));
    });
}

2. 修改ContentView的XAML，绑定TapGestureRecognizer：

<ContentView ...>
    <ContentView.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding Source={RelativeSource AncestorType={x:Type local:YourPageViewModel}}, Path=ItemTapCommand}" 
                              CommandParameter="{Binding .}" />
    </ContentView.GestureRecognizers>
    <!-- 你的ContentView内容 -->
</ContentView>

方法2：修复事件处理逻辑 #

如果坚持使用事件处理，不要依赖sender的BindingContext，而是通过CommandParameter传递当前项数据：

1. 修改XAML的TapGestureRecognizer：

<ContentView ...>
    <ContentView.GestureRecognizers>
        <TapGestureRecognizer Tapped="FormA_Tapped" CommandParameter="{Binding .}" />
    </ContentView.GestureRecognizers>
    <!-- 你的ContentView内容 -->
</ContentView>

2. 更新后台事件处理代码：

private async void FormA_Tapped(object sender, EventArgs e)
{
    var tappedEventArgs = e as TappedEventArgs;
    var currentItem = tappedEventArgs?.Parameter as YourItemModel;
    if (currentItem == null) return;
    
    await Navigation.PushAsync(new DetailPage(currentItem));
}

关键说明 #

UWP的FlexLayout为了性能会复用视图实例，直接通过sender获取视图的BindingContext可能拿到旧数据，而CommandParameter是绑定到当前列表项的，能确保每次点击获取的是最新的对应数据。

内容的提问来源于stack exchange，提问作者Gary H