google-apps-script - 如何使用 Google Apps 脚本在 Gmail 插件中创建此 UI

Question

有人可以告诉我如何使用 Google Apps 脚本在 Gmail 插件中实现以下 UI 吗？我为带有可点击文本的图标尝试了 KeyValue，我能够做到这一点，但我不知道如何将电子邮件文本放在 keyValue 图标旁边。现在，我不关心带有计数器和电子邮件文本的图标的位置，我希望它们在同一行中，无论 left 还是 right。这是我的代码，它只是在左侧显示带有计数器的图标，但无法在任何地方添加电子邮件文本。

var card = CardService.newCardBuilder()
.setHeader(
  CardService.newCardHeader()
    .setTitle('some Title')
);

 var section = CardService.newCardSection();

 var keyValue = CardService.newKeyValue()
  .setContent(getNumberOfPosts())
  .setIconUrl('https://ayz.png')
  .setOnClickAction(action);

 section.addWidget(keyValue);
 card.addSection(section);

标签： google-apps-scriptgmail-addons

Answer 1

看看这个截图

我为眼睛使用了表情符号（附加支持表情符号）。这能得到你想要的吗？

          settingSection.addWidget(CardService.newKeyValue()
                                      .setContent("[e-mail]")
                                      .setOnClickAction(saveAction)
                                      .setButton(CardService.newTextButton()
                                                 .setText("️ 2")
                                                 .setOnClickAction(saveAction))
                                       );