You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何扩展MAUI中Editor控件输入区域高度以避免文本滚动?

解决MAUI Editor自动扩展高度的问题

要让Editor随输入文本行数自动扩展高度,而非出现滚动,可按以下方式调整代码:

  1. 绑定高度到内容实际尺寸
    将Editor的HeightRequest绑定到自身的ContentSize.Height,这样控件高度会实时跟随文本内容的实际高度变化。

  2. 隐藏垂直滚动条
    设置VerticalScrollBarVisibility="Never",因为不需要滚动功能,避免滚动条多余显示。

修改后的完整XAML代码:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp1.MainPage">
    <Grid>
        <Editor HorizontalOptions="FillAndExpand"
                VerticalScrollBarVisibility="Never"
                HeightRequest="{Binding Source={RelativeSource Self}, Path=ContentSize.Height}" />
    </Grid>
</ContentPage>

补充说明

  • 若需要设置控件最小高度,可添加MinimumHeightRequest属性(如MinimumHeightRequest="80"),确保初始状态有足够的输入空间。
  • 该方案在iOS和Android平台均能正常生效,实时响应文本输入的高度变化。

内容的提问来源于stack exchange,提问作者Dmitriy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 04:20:13