.NET MAUI Community Toolkit中Toast/Snackbar能否添加多个操作按钮

原生支持现状 #

• Toast组件：原生无任何交互按钮支持，定位为无干扰短时自动消失提示，API层未开放任何操作项配置入口，无法添加按钮。
• Snackbar组件：截止当前8.x稳定版本，原生仅支持配置1个操作按钮，没有提供多操作项的配置能力，查阅公开文档找不到多按钮实现是正常情况，并非文档遗漏。

原生单按钮Snackbar实现示例 #

这是原生组件能支持的交互上限，代码可直接运行：

using CommunityToolkit.Maui.Alerts;
using CommunityToolkit.Maui.Core;

var snackbarConfig = new SnackbarOptions
{
    BackgroundColor = Colors.DarkSlateGray,
    TextColor = Colors.White,
    ActionButtonTextColor = Colors.Cyan,
    CornerRadius = new CornerRadius(8),
    Duration = TimeSpan.FromSeconds(5)
};

await Snackbar.Make(
    message: "草稿已自动同步",
    action: () => Shell.Current.GoToAsync("//DraftList"),
    actionButtonText: "查看草稿",
    visualOptions: snackbarConfig
).Show();

多操作按钮场景替代方案 #

如果需要在提示条中放置2个及以上操作按钮，可按开发成本从低到高选择以下方案：

• 方案1：交互逻辑适配原生能力
  开发成本最低，保留原生Snackbar的体验，仅将多操作收敛：Snackbar只保留1个"更多操作"按钮，用户点击后调用DisplayActionSheet弹出操作菜单，展示所有可选项。
• 方案2：基于Popup自定义提示条
  灵活度最高，体验和原生Snackbar完全一致：用Maui Community Toolkit自带的Popup控件实现固定在页面底部的提示栏，内部布局可自由放置任意数量的按钮、图标等元素，同时可配置自动消失时长、出入场动画，核心实现代码如下：

  using CommunityToolkit.Maui.Views;
  
  // 构建多操作提示弹窗
  var multiActionTip = new Popup
  {
      Color = Colors.Transparent,
      VerticalOptions = LayoutOptions.End,
      Padding = new Thickness(12, 0, 12, 24),
      Content = new Border
      {
          StrokeShape = new RoundRectangle { CornerRadius = new CornerRadius(8) },
          BackgroundColor = Colors.DarkSlateGray,
          Padding = new Thickness(16, 12),
          Content = new VerticalStackLayout
          {
              Spacing = 10,
              Children =
              {
                  new Label
                  {
                      Text = "文件下载完成",
                      TextColor = Colors.White,
                      FontSize = 14
                  },
                  new HorizontalStackLayout
                  {
                      Spacing = 16,
                      HorizontalOptions = LayoutOptions.End,
                      Children =
                      {
                          new Button
                          {
                              Text = "删除",
                              TextColor = Colors.OrangeRed,
                              BackgroundColor = Colors.Transparent,
                              Command = new Command(async () => await multiActionTip.CloseAsync("delete"))
                          },
                          new Button
                          {
                              Text = "打开所在文件夹",
                              TextColor = Colors.LightGray,
                              BackgroundColor = Colors.Transparent,
                              Command = new Command(async () => await multiActionTip.CloseAsync("open_folder"))
                          },
                          new Button
                          {
                              Text = "打开文件",
                              TextColor = Colors.Cyan,
                              BackgroundColor = Colors.Transparent,
                              Command = new Command(async () => await multiActionTip.CloseAsync("open_file"))
                          }
                      }
                  }
              }
          }
      }
  };
  
  // 配置5秒无操作自动消失
  _ = Task.Delay(5000).ContinueWith(async _ =>
  {
      if (multiActionTip.IsOpen) await multiActionTip.CloseAsync("timeout");
  });
  
  // 弹出提示并接收用户操作结果
  var result = await Shell.Current.ShowPopupAsync(multiActionTip);
  

• 方案3：自定义平台渲染
  针对各平台原生支持的多按钮Snackbar能力做封装，安卓可直接调用Material Design原生Snackbar的多操作API，iOS可借助成熟的原生提示条组件实现，通过Handler或平台特定代码抽象统一调用接口，适合对原生体验要求极高的场景，缺点是需要分别编写各平台适配代码。

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