logo

该视频仅会员有权观看

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

¥
199
/ 年

用漂浮动作按钮显示与关闭底部面板

  • 点击漂浮动作按钮可显示时间,并可切换按钮小图标为关闭图标。
  • 对App的漂浮动作按钮由无状态部件改为有状态部件。
  • 引入aBottomSheetShown属性表示底部面板显示状态,默认为false
  • 实现floatingActionButtonIcon方法根据aBottomSheetShown返回不同图标。
  • onPressed函数中通过aBottomSheetShown决定显示底部面板还是关闭。
  • 使用setState更新按钮图标和底部面板状态。
  • 关闭底部面板后通过控制器的closed设置aBottomSheetShownfalse
  • 模拟器测试显示底部面板与切换按钮图标的功能。