Flutter PageRouteBuilder 页面间跳转动画实现

关注

原创最新推荐文章于 2026-06-20 10:15:01 发布 1.4k 阅读 AI 写同款· GEO 优化 ›

Flutter 路由管理源码解析一、介绍：路由在移动开发中通常指页面，路由管理就指的是管理页面之间的跳转，在flutter中，是通过一个栈的结构来对路由进行维护管理。路由管理也就是说在代码层面其实是对这个栈结构进行管理，其中路由入栈操作就相当于打开一个新的页面，放入这个栈结构中，路由出栈操作对应的是页面关闭操作，但是当一个APP中使用到页面很多时，如何更加有效合理的去管理各个页面之间的关系和跳转逻辑将变得极为重要。 **路由：**在flutter中，一个路由中维护了与之相关的路由状态，路由页，以及该路由对应的标签数据以及指针位置等内容。阅读详情

_pushMember(Member member) {
    Navigator.push(
        context,
        PageRouteBuilder(
            opaque: true,
            transitionDuration: const Duration(milliseconds: 1000),
            pageBuilder: (BuildContext context, _, __) {
              return MemberWidget(member);
            },
            transitionsBuilder:
                (_, Animation<double> animation, __, Widget child) {
              return FadeTransition(
                opacity: animation,
                child: RotationTransition(
                  turns: Tween<double>(begin: 0.0, end: 1.0).animate(animation),
                  child: child,
                ),
              );
            }));
  }
//FlutterNavigation-materials

收录于