美文网首页
Flutter自定义转场动画&以及类似于iOS的modal跳转

Flutter自定义转场动画&以及类似于iOS的modal跳转

作者: 刘铁崧 | 来源:发表于2020-12-25 12:52 被阅读0次

渐变转场动画效果

Navigator.of(context).push(PageRouteBuilder(
          transitionDuration: Duration(seconds: 5),
          pageBuilder: (context,animation1,animation2){
                return FadeTransition(
                    opacity: animation1,
                    child: DetailPage(),
                );
           }
));

modal跳转

如果是通过pushNamed方式跳转,则需要在onGenerateRoute里面返回动画转场效果代码
弹出的方式跳转,本质上也是push

Navigator.of(context).push(MaterialPageRoute(
     builder: (context){
         return DetailPage();
     },
     fullscreenDialog: true;
));

相关文章

网友评论

      本文标题:Flutter自定义转场动画&以及类似于iOS的modal跳转

      本文链接:https://www.haomeiwen.com/subject/vajvnktx.html