返回

原生弹窗 BasePopup Demo 翻新记

Android

BasePopup Demo 大翻新,展现原生弹窗应有的姿态!

因一纸吐槽,我们对 BasePopup 的 Demo 进行了一场大刀阔斧的翻新,力求展现原生弹窗应有的姿态!

沧海桑田三载余,是时候改头换面了

时光如梭,BasePopup 已陪伴大家走过三个年头。一路走来,我们一直以最原始的 UI 和右上角的 PopupMenu 进行功能切换,总觉得差点意思。

旧版 Demo 页面:

BasePopup 旧版 Demo 页面

在过去三年里,我们不断打磨 BasePopup 的功能和 API,使其成为 Flutter 中一款功能强大且易于使用的原生弹窗组件库。然而,Demo 页面却一直停留在了最初的模样,难以充分展示 BasePopup 的强大之处。

这次翻新,我们从零开始,重新设计了 Demo 页面,使其不仅更具美观性,还更具交互性。

新版 Demo 页面:

BasePopup 新版 Demo 页面

在新的 Demo 页面中,我们以卡片式的布局展示了 BasePopup 的各种功能,包括:

  • 基本用法: 展示 BasePopup 的基本用法,包括如何创建、显示和隐藏弹窗。
  • 弹框类型: 展示 BasePopup 支持的各种弹框类型,包括模态弹框、非模态弹框和悬浮弹框。
  • 定位方式: 展示 BasePopup 支持的各种定位方式,包括屏幕中心、指定位置和跟随控件。
  • 动画效果: 展示 BasePopup 支持的各种动画效果,包括淡入淡出、缩放和滑动。
  • 进阶用法: 展示 BasePopup 的一些进阶用法,例如如何自定义弹窗样式、如何处理弹窗事件等。

为了让 Demo 页面更具交互性,我们还添加了代码示例和交互式演示。用户可以通过点击按钮或拖拽控件来实时体验 BasePopup 的不同功能。

结语

BasePopup Demo 页面的翻新,不仅提升了 BasePopup 的整体形象,也让用户能够更加直观地了解和使用 BasePopup。我们希望新的 Demo 页面能够帮助更多的开发者快速上手 BasePopup,并打造出更加美观、易用和交互性强的原生弹窗。

欢迎大家下载体验最新的 BasePopup Demo 页面,并提出宝贵的意见和建议。您的支持和反馈,将帮助我们继续提升 BasePopup 的质量和易用性。

下载地址:https://github.com/fluttercandies/flutter_candies/tree/master/packages/base_popup