.NET MAUI中向StackLayout添加Frame后界面无显示问题求助

我正在开发一款聊天GUI，当Entry的Completed事件触发时，需要完成以下操作：

• 获取输入框内的文本
• 将文本设置到Label中
• 把Label放入Frame
• 将Frame添加到XAML预先定义的StackLayout（layout2）中

目前文本能成功获取，但带有该文本的Frame始终无法在界面上显示。

我尝试的代码如下：

private void Entry_Completed(object sender, EventArgs e){
  
    string text = Entrada.Text;
   
    var rectangle = new Frame
    {
      
        Content = new Label
        {
            Text = text,
            FontAttributes = FontAttributes.Bold,
            VerticalTextAlignment = TextAlignment.Center,
            HorizontalTextAlignment = TextAlignment.Center,
            FontAutoScalingEnabled = true,
            TextColor = Color.FromArgb("ffffff"),

         },
         MaximumHeightRequest = layout2.WidthRequest / 2,
         HorizontalOptions = LayoutOptions.End,
         BackgroundColor = Color.FromArgb("#1D438A"),
    };

    Entry.Text = "";
    layout2.Children.Add(rectangulo);
}

问题排查与修正 #

1. 变量名拼写错误：你创建的Frame变量是rectangle，但最后添加到StackLayout时用的是rectangulo，两者不一致，导致实际添加的不是刚创建的Frame。
2. 输入框清空错误：原代码里输入框变量是Entrada，清空时写成了Entry.Text = ""，应该改为Entrada.Text = ""。
3. Frame高度设置风险：MaximumHeightRequest = layout2.WidthRequest / 2如果layout2.WidthRequest未设置或为0，会导致Frame高度为0无法显示，建议添加MinimumHeightRequest确保基础显示高度。
4. 内容边距问题：Label和Frame没有设置边距，可能导致文本被边框遮挡，添加内边距和外边距提升显示效果。

修正后的代码：

private void Entry_Completed(object sender, EventArgs e){
  
    string text = Entrada.Text;
    if (string.IsNullOrWhiteSpace(text)) return; // 过滤空文本
   
    var messageFrame = new Frame
    {
        Content = new Label
        {
            Text = text,
            FontAttributes = FontAttributes.Bold,
            VerticalTextAlignment = TextAlignment.Center,
            HorizontalTextAlignment = TextAlignment.Center,
            FontAutoScalingEnabled = true,
            TextColor = Color.FromArgb("ffffff"),
            Padding = new Thickness(10) // 避免文本贴Frame边框
         },
         MinimumHeightRequest = 40, // 确保Frame有基础高度
         HorizontalOptions = LayoutOptions.End,
         BackgroundColor = Color.FromArgb("#1D438A"),
         Margin = new Thickness(0, 5, 0, 5) // 增加消息间的上下间距
    };

    Entrada.Text = "";
    layout2.Children.Add(messageFrame);
    // 可选：自动滚动到最新消息
    layout2.ScrollToAsync(messageFrame, ScrollToPosition.End, false);
}

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