Xamarin Firebase聊天应用：ListView无法自动滚动至最新消息求助

问题描述 #

我用Firebase开发聊天应用，大部分功能已完成，但存在一个问题：新发送或接收的消息虽能添加至ListView中，但用户需手动滚动才能查看。无法使用_lstchat.ScrollTo()方法，因为无法获取ListView中的最新项。尝试过将ListView旋转180度优化视图效果，但无法对ListView项进行排序，也无法在Firebase数据库顶部添加新项。

附subChat代码：

public async Task<ObservableCollection<Model.Chat>> subChat(string _roomKEY)
{
    var toUpdatePerson = (await fBclient
          .Child("ChatApp")
          .OnceAsync<Model.Room>()).Where(a => a.Object.Name == _roomKEY).FirstOrDefault();

    var data = fBclient.Child("ChatApp").Child(toUpdatePerson.Key).Child("Message")
                     .OrderByPriority()
                    .AsObservable<Model.Chat>()
                   .AsObservableCollection<Model.Chat>();
    return data;
}

解决方案 #

1. 监听集合变化，自动触发滚动

利用ObservableCollection的CollectionChanged事件，在新消息添加时自动滚动到列表末尾：

// 获取聊天集合并绑定到ListView
var chatList = await subChat("目标房间KEY");
_lstchat.ItemsSource = chatList;
// 绑定集合变化事件
chatList.CollectionChanged += OnChatCollectionChanged;

// 集合变化处理方法
private void OnChatCollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
{
    if (e.Action == System.Collections.Specialized.NotifyCollectionChangedAction.Add)
    {
        // 滚动至最后一项，第三个参数true表示带动画
        if (_lstchat.Items.Count > 0)
        {
            _lstchat.ScrollTo(_lstchat.Items[_lstchat.Items.Count - 1], ScrollToPosition.End, true);
        }
    }
}

2. 修正Firebase数据排序逻辑

当前使用OrderByPriority()，如果优先级设置未保证新消息排在集合末尾，建议改用时间戳排序：

1. 给Model.Chat添加Timestamp字段，发送消息时写入当前时间戳（比如DateTime.UtcNow.Ticks）
2. 修改查询代码：

var data = fBclient.Child("ChatApp").Child(toUpdatePerson.Key).Child("Message")
                 .OrderBy("Timestamp")
                .AsObservable<Model.Chat>()
               .AsObservableCollection<Model.Chat>();

这样新消息会自然排在集合最后，确保滚动到末尾就是最新内容。

3. 放弃ListView旋转方案

旋转ListView会引发排序、交互逻辑混乱，上述自动滚动方案更直接可靠，无需依赖这种hack式的视图调整。

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