请问老师在Navigator 2.0上如何实现跳转时的动画（页面从右到左进屏，从左到右出屏）

来源：7-8 首页框架搭建--本章总结

耶斯古德

2022-07-01

写回答

1回答

马超老师

2022-07-04

Navigator 2.0里面推荐的用法是将入场动画和Page绑定。

首先需要修改我们实现的“RouterDelegate”（课程中对应的是“MCRouter”)。在build()回调函数里我们创建了Navigator，并通过构造器传入了一个“Page”字段。

此时需要继承自Page实现一个自定义Page类，然后覆写“createRoute”方法，该方法返回一个“AppPageRouteBuilder”对象，在builder中创建一个Animation实现我们想要的动画形式，比如从右到左，或者从下到上等等。

基于Flutter 3.x 实战跨平台仿抖音App混合开发

以短视频APP为例，快速上手原生/Flutter 混合开发

481 学习 · 120 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1