logo

该视频仅会员有权观看

立即开通课程「Flutter 移动端应用开发实践」权限。

¥
199
/ 年

显示页面底部面板(BottomSheet)

  • 页面底部可以展示一个自定义内容的面板
  • 点击浮动按钮时显示底部面板
  • 创建小部件'app bottom sheet'以在面板上显示
  • 使用容器小部件和装饰(如背景色,阴影)设置样式
  • 容器中心放置文本显示'app bottom sheet'
  • 浮动按钮绑定事件显示底部面板
  • 调用'show bottom sheet'函数显示面板,并用控制器'bottom sheet roller'控制
  • 可以在模拟器中测试面板的显示和关闭操作