Flutter:页面级动画弹出

animations文档

bash 复制代码
# 动画
  animations: ^2.1.1
dart 复制代码
OpenContainer(
  closedColor: Colors.transparent, // 关闭时透明
  openColor: AppTheme.pageBgColor, // 打开时白色
  closedElevation: 0, // 去掉阴影
  openElevation: 0, // 去掉打开时的阴影
  closedShape: const RoundedRectangleBorder(
    borderRadius: BorderRadius.all(Radius.circular(0)), // 去掉圆角
  ), // 去掉边框
  transitionDuration: const Duration(milliseconds: 500), // 动画时长
  transitionType: ContainerTransitionType.fade, // 动画类型
  closedBuilder: (context, _) => ImgWidget( // 关闭时显示图片
    path: 'assets/img/home-sign.png',
    width: 120.w,
    height: 120.w,
  ),
  openBuilder: (context, _) => const SignInPage(), // 打开时显示签到页面
);
相关推荐
ujainu7 小时前
Flutter + OpenHarmony 游戏开发进阶:用户输入响应——GestureDetector 实现点击发射
flutter·游戏·openharmony
hudawei9967 小时前
TweenAnimationBuilder和AnimatedBuilder两种动画的比较
flutter·ui·动画·tweenanimation·animatedbuilder
ujainu8 小时前
Flutter + OpenHarmony 实现无限跑酷游戏开发实战—— 对象池化、性能优化与流畅控制
flutter·游戏·性能优化·openharmony·endless runner
ZH15455891319 小时前
Flutter for OpenHarmony Python学习助手实战:自动化脚本开发的实现
python·学习·flutter
晚烛10 小时前
CANN + 物理信息神经网络(PINNs):求解偏微分方程的新范式
javascript·人工智能·flutter·html·零售
一起养小猫10 小时前
Flutter for OpenHarmony 实战:扫雷游戏完整开发指南
flutter·harmonyos
晚烛11 小时前
CANN 赋能智慧医疗:构建合规、高效、可靠的医学影像 AI 推理系统
人工智能·flutter·零售
晚霞的不甘11 小时前
揭秘 CANN 内存管理:如何让大模型在小设备上“轻装上阵”?
前端·数据库·经验分享·flutter·3d
小哥Mark12 小时前
Flutter开发鸿蒙年味 + 实用实战应用|绿色烟花:电子烟花 + 手持烟花
flutter·华为·harmonyos
一只大侠的侠14 小时前
Flutter开源鸿蒙跨平台训练营 Day 3
flutter·开源·harmonyos