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(), // 打开时显示签到页面
);
相关推荐
l1340620823535 分钟前
Flutter Geocoding 在鸿蒙上的使用指南
flutter·华为·harmonyos
AiFlutter1 小时前
三、内容展示(02):图片
flutter·低代码·低代码平台·aiflutter·aiflutter低代码
l134062082352 小时前
344.在鸿蒙上使用 animations Flutter 包的指南
flutter·华为·harmonyos
2501_946244783 小时前
Flutter & OpenHarmony OA系统底部导航栏组件开发指南
android·javascript·flutter
2501_944446004 小时前
Flutter&OpenHarmony字体与排版设计
android·javascript·flutter
消失的旧时光-19434 小时前
mixin 写一个 Flutter 的“埋点 + 日志 + 性能监控”完整框架示例
android·flutter
消失的旧时光-19434 小时前
Flutter 工程中 mixin 的正确打开方式:5 种高质量设计范式 + mixin vs 继承 vs 组合 + 为什么它比 BasePage 更优雅
前端·flutter·架构
消失的旧时光-19435 小时前
Flutter 中 mixin 的完整认知体系——从原理、范式、架构选择到反模式(工程实战版)
flutter·架构
2501_946244785 小时前
Flutter & OpenHarmony OA系统下拉刷新组件开发指南
开发语言·javascript·flutter
kirk_wang5 小时前
Flutter 三方库 simple_circular_progress_bar 在 OHOS 平台的适配实践
flutter·移动开发·跨平台·arkts·鸿蒙