Блог

В моем проекте Flutter, который имеет несколько экранов, я хочу создать один экран с 2 кнопками:

• первая кнопка закрывает текущий экран Navigator.pop() с переходом, при котором текущий экран исчезает справа
• вторая кнопка также закрывает текущий экран Navigator.pop() , но на этот раз экран исчезает в нижней части

Каждый пример, который я нашел до сих пор, позволяет мне устанавливать только один возможный переход, когда я открываю свой экран.

Кроме того, я использую именованные маршруты для навигации в своем приложении.

Как я могу настроить анимацию всплывающих окон в соответствии с кнопкой, нажатой пользователем?

Спасибо.

что бы вы ни определили как анимацию маршрута, оно будет обратным и будет использоваться как всплывающая навигация.
в вашем случае вы можете использовать разные анимации для нажатия каждой из них.
вы можете создать свою собственную анимацию и определить анимацию и использовать ее вместо material page router

    import 'package:flutter/material.dart';
class MyCustomRoute extends PageRouteBuilder {
  final Widget widget;
  MyCustomRoute({this.widget})
    : super(
        pageBuilder: (BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation) {
          return widget;
        },
        transitionsBuilder: (BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
          return new ScaleTransition(
            scale: new Tween<double>(
              begin: 0.0,
              end: 1.0,
            ).animate(
                CurvedAnimation(
                  parent: animation,
                  curve: Interval(
                    0.00,
                    0.50,
                    curve: Curves.bounceIn,
                  ),
                ),
              ),
            child: ScaleTransition(
                     scale: Tween<double>(
                       begin: 1.5,
                       end: 1.0,
                     ).animate(
                       CurvedAnimation(
                         parent: animation,
                         curve: Interval(
                           0.50,
                           1.00,
                           curve: Curves.easeIn,
                         ),
                       ),
                     ),
                     child: child,
                   ),
           );
         }
      );
}
 

для реализации

 onPressed: () {
  Navigator.push(context,
      new MyCustomRoute (widget: Secondpage()));
},
 

для pop

  onPressed: () {
                  Navigator.pop();// will reverse the animation
                },