Xamarin Forms自定义日期选择器：ListView首次ScrollTo不生效问题

我之前做自定义日期选择器的时候也碰到过一模一样的问题！确实是ListView未完全可见/布局未完成时调用ScrollTo无效导致的——控件刚从隐藏切换到显示状态时，它的尺寸、布局还没被渲染引擎计算好，这时候调用ScrollTo根本找不到正确的滚动目标位置，第二次点击时控件已经完成渲染，自然就正常了。下面给你几个亲测有效的解决方案：

方案1：延迟调用ScrollTo，等控件完全渲染 #

在你点击年份标签显示ListView的事件里，不要立刻调用ScrollTo，而是延迟几十毫秒（比如100ms）再执行，给渲染引擎足够的时间完成ListView的布局：

private void YearLabel_Tapped(object sender, EventArgs e)
{
    // 显示年份ListView，隐藏日期选择器的逻辑
    DatePickerGrid.IsVisible = false;
    YearListView.IsVisible = true;

    // 延迟调用ScrollTo，确保ListView已渲染完成
    Device.StartTimer(TimeSpan.FromMilliseconds(100), () =>
    {
        if (YearListView.SelectedItem != null)
        {
            YearListView.ScrollTo(YearListView.SelectedItem, ScrollToPosition.Center, animate: true);
        }
        return false; // 只执行一次
    });
}

方案2：监听ListView的IsVisible属性变化 #

通过订阅ListView的PropertyChanged事件，在它的可见状态变为true的瞬间执行滚动操作，这样能精准捕捉到控件完成显示的时机：

protected override void OnAppearing()
{
    base.OnAppearing();
    YearListView.PropertyChanged += YearListView_PropertyChanged;
}

protected override void OnDisappearing()
{
    YearListView.PropertyChanged -= YearListView_PropertyChanged;
    base.OnDisappearing();
}

private void YearListView_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
{
    if (e.PropertyName == nameof(ListView.IsVisible) && YearListView.IsVisible)
    {
        // 确保选中项不为空时执行滚动
        if (YearListView.SelectedItem != null)
        {
            YearListView.ScrollTo(YearListView.SelectedItem, ScrollToPosition.Center, animate: true);
        }
    }
}

方案3：强制刷新布局后再滚动 #

如果延迟调用的时间不好把控，也可以先强制ListView刷新布局，再执行滚动操作，不过这个方法的稳定性略逊于前两种，但可以作为补充尝试：

private void YearLabel_Tapped(object sender, EventArgs e)
{
    DatePickerGrid.IsVisible = false;
    YearListView.IsVisible = true;

    // 强制刷新布局
    YearListView.ForceLayout();
    // 等待布局完成（可以结合Task.Delay）
    Task.Run(async () =>
    {
        await Task.Delay(50);
        Device.BeginInvokeOnMainThread(() =>
        {
            if (YearListView.SelectedItem != null)
            {
                YearListView.ScrollTo(YearListView.SelectedItem, ScrollToPosition.Center, animate: true);
            }
        });
    });
}

另外要注意，确保你的YearListView的SelectedItem确实已经正确绑定或设置到目标年份（比如2017），否则即使滚动逻辑正确也找不到目标项。

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