Xamarin.Forms聊天页面问题：ScrollView内Entry滚动消失/外部聚焦后ListView无法滚到底部

我来帮你搞定这两个困扰你的问题！先拆解一下问题根源，再给出具体的修复方案：

问题1：ScrollView内的Entry滚动时消失 #

你当前把ListView和Entry都塞进ScrollView里，这本身就是Xamarin.Forms的反模式——因为ListView自身已经具备完整的滚动逻辑，和外层ScrollView的滚动行为会产生冲突，导致布局计算混乱，最终出现Entry滚动消失的情况。

问题2：Entry移到ScrollView外时，焦点状态下ListView无法滚到底部 #

这是因为软键盘弹出时布局还没完成调整，你调用ScrollTo的时机太早，或者没有在UI线程正确执行滚动操作导致的。

修复方案：重构布局+优化滚动逻辑 #

第一步：修改XAML布局（移除ScrollView嵌套）

把ScrollView去掉，改用Grid直接布局ListView和输入栏，让ListView自己处理滚动：

<Grid RowSpacing="0" ColumnSpacing="0" >
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <!-- 聊天消息列表：自己处理滚动，无需外层ScrollView -->
    <ListView x:Name="MessagesListView" 
              ItemTemplate="{StaticResource MessageTemplateSelector}" 
              ItemsSource="{Binding Pedidos}" 
              HasUnevenRows="True" 
              SeparatorVisibility="None" 
              Grid.Row="0" 
              IsEnabled="True" 
              SelectionMode="None" 
              BackgroundColor="{StaticResource BackGroundColor}"/>

    <!-- 输入栏：固定在页面底部，不会被滚动影响 -->
    <StackLayout Orientation="Horizontal" 
                 BackgroundColor="{StaticResource white}" 
                 Grid.Row="1" >
        <local1:CustomEntry HorizontalOptions="FillAndExpand" 
                            Placeholder="{translator:Translate Mensagem}" 
                            Keyboard="Chat" 
                            Margin="8,0,0,0" 
                            PlaceholderColor="{StaticResource PlaceHolderText}" 
                            TextColor="{StaticResource texto}" 
                            FontSize="14" 
                            Text="{Binding Pedido.Message}" 
                            x:Name="Message"
                            Focused="Message_Focused"/>
        <Image Source="send.png" 
               WidthRequest="32" 
               HeightRequest="32" 
               Margin="8,8,8,8" 
               BackgroundColor="Transparent">
            <Image.GestureRecognizers>
                <TapGestureRecognizer Command="{Binding EnviarPedidoCommand}" Tapped="Button_Clicked" />
            </Image.GestureRecognizers>
        </Image>
    </StackLayout>
</Grid>

第二步：优化后台代码的滚动逻辑

调整滚动时机，确保在UI线程执行，并且给软键盘弹出留足布局调整时间：

public partial class ChatPage : ContentPage {
    readonly ViewModels.ConnectionHub _viewModel;
    public ICommand EnviarPedidoCommand { get; set; }
    Classes.ClassConversation.ResultadoConversation GetResult;
    Classes.ClassUser.Result GetUser;

    public ChatPage(Classes.ClassConversation.ResultadoConversation conversation, Classes.ClassUser.Result user) {
        InitializeComponent();
        GetResult = conversation;
        ConnectionsStrings.GlobalVar.email = user.rowKey;
        GetUser = user;
        // 确保Android平台软键盘弹出时调整布局
        Xamarin.Forms.Application.Current.On<Xamarin.Forms.PlatformConfiguration.Android>().UseWindowSoftInputModeAdjust(WindowSoftInputModeAdjust.Resize);
        _ = GetHistoryOfConversation(conversation.rowKey, ConnectionsStrings.GlobalVar.Token, user);
        _viewModel = new ViewModels.ConnectionHub(conversation, user);
        BindingContext = _viewModel;
    }

    protected override async void OnAppearing() {
        base.OnAppearing();
        await GetHistoryOfConversation(GetResult.rowKey, ConnectionsStrings.GlobalVar.Token, GetUser);
        BindingContext = _viewModel;
        await _viewModel.Connect();
    }

    protected override async void OnDisappearing() {
        base.OnDisappearing();
        await _viewModel.Disconnect();
    }

    // 发送消息后清空输入框并滚动到底部
    private void Button_Clicked(object sender, EventArgs e) {
        Message.Text = "";
        // 确保在UI线程执行滚动，且数据已更新
        Device.BeginInvokeOnMainThread(() => {
            if (_viewModel.Pedidos.Count > 0) {
                var target = _viewModel.Pedidos[_viewModel.Pedidos.Count - 1];
                MessagesListView.ScrollTo(target, ScrollToPosition.End, true);
            }
        });
        // 收起键盘（可选）
        Message.Unfocus();
    }

    // 获取聊天历史并滚动到底部
    async Task GetHistoryOfConversation(string conversationId, string token, Classes.ClassUser.Result user) {
        try {
            Classes.ClasMessage messages = await Servicos.Servicos.GetHistoryOfConversation(conversationId, token, user, GetResult);
            _viewModel.Pedidos = new ObservableRangeCollection<Classes.SendMessage>(messages.result);
            
            // 延迟一点再滚动，确保ListView已经渲染完新数据
            await Task.Delay(100);
            Device.BeginInvokeOnMainThread(() => {
                if (_viewModel.Pedidos.Count > 0) {
                    var target = _viewModel.Pedidos[_viewModel.Pedidos.Count - 1];
                    MessagesListView.ScrollTo(target, ScrollToPosition.End, true);
                }
            });
            
            var result = await Servicos.Servicos.ReadConversation(conversationId, GetResult);
        } catch (Exception) {
            await DisplayAlert(Languages.AppResources.Notifications, Languages.AppResources.ErrorOccurred, "Ok");
        }
    }

    // 输入框获取焦点时滚动到底部
    private async void Message_Focused(object sender, FocusEventArgs e) {
        // 延迟执行，等待软键盘弹出并调整布局后再滚动
        await Task.Delay(200);
        Device.BeginInvokeOnMainThread(() => {
            if (_viewModel.Pedidos.Count > 0) {
                var target = _viewModel.Pedidos[_viewModel.Pedidos.Count - 1];
                MessagesListView.ScrollTo(target, ScrollToPosition.End, true);
            }
        });
    }
}

关键修复点说明 #

1. 移除ScrollView嵌套：让ListView独立负责自身的滚动，彻底解决滚动冲突和Entry消失的问题。
2. UI线程执行滚动：所有ScrollTo操作都用Device.BeginInvokeOnMainThread包裹，确保在UI线程执行，避免跨线程异常。
3. 延迟滚动时机：在获取聊天历史和输入框聚焦时添加短暂延迟，等待布局完成和软键盘弹出后再滚动，保证滚动到正确的底部位置。
4. 软键盘布局调整：保留UseWindowSoftInputModeAdjust(Resize)设置，确保Android平台软键盘弹出时页面布局会自动调整，不会遮挡输入框或消息。

这样修改后，你的聊天页面应该就能正常工作了——输入框不会消失，聚焦时也能正确滚动到最新消息！

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