Logo
Section 1 / 10

挑战1:修改“删除”提示框

按照指示修改此挑战中的删除提示。

导入

挑战1:修改“删除”提示框

按照指示修改此挑战中的删除提示。

问题描述

你添加的提示消息(toast)用于显示学生已从名单中删除,该消息位于屏幕顶部,持续 3000 毫秒(3 秒),然后自动消失。用户无法手动关闭它。此外,其默认颜色和位置有时难以看清。你的任务是解决这些问题。

  1. 将提示消息的持续时间改为 5 秒。

  2. 添加一个关闭按钮,让用户可以提前关闭提示消息。提示消息的按钮配置方式与操作面板(Action Sheet)按钮相同。提示:使用 role 属性而非 handler。

  3. 使用 position 属性将提示消息移动到屏幕底部或中间位置。

  4. 更改提示消息的颜色。

完成上述功能后,提示消息应呈现如下效果:

...
最终删除提示

编码练习

以下是完整的应用程序代码。请在合适的位置编写代码以完成挑战。建议您先尝试独立完成练习,再查看解决方案。

No configuration found for ID: 7a509438fce079c5d9de4f36b1098a665de3584d92430a94c7d2253e4f81a974

改进用户界面

解决方案一:修改“删除”提示框