如何扩展MAUI中Editor控件输入区域高度以避免文本滚动?
解决MAUI Editor自动扩展高度的问题
要让Editor随输入文本行数自动扩展高度,而非出现滚动,可按以下方式调整代码:
绑定高度到内容实际尺寸
将Editor的HeightRequest绑定到自身的ContentSize.Height,这样控件高度会实时跟随文本内容的实际高度变化。隐藏垂直滚动条
设置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
相关产品推荐
相关产品推荐

