web-dev-qa-db-fra.com

comment puis-je ajouter des transitions personnalisées à mon itinéraire Flutter dans mon application Flutter

comment puis-je ajouter des transitions personnalisées à mon itinéraire flottant? Ceci est ma structure de route actuelle 

class MyApp extends StatelessWidget {
    // This widget is the root of your application.
    @override
    Widget build(BuildContext context) {
        return new MaterialApp(
            title: 'Yaip',
            theme: new ThemeData(
                primarySwatch: Colors.pink,
                brightness: Brightness.light
            ),
            home: new VerifyPhoneNumber(),
            routes: <String, WidgetBuilder>{
                '/verified': (BuildContext context) =>  new MobileNumberVerified(),
                '/setupprofile': (BuildContext context) =>  new SetUpProfile()
            },
        );
    }
}
7

Vous pouvez sous-classer MaterialPageRoute et remplacer buildTransitions . Consultez cette réponse de débordement de pile pour exemple de code.

7
Collin Jackson

Juste au cas où vous voudriez utiliser des paquets autres que ceux par défaut, alors il existe une belle bibliothèque/paquet disponible sous le nom de "Fluro" . Vous pouvez utiliser cette bibliothèque avec moins de temps système . to officiel fluro - https://pub.dartlang.org/packages/fluro vous pouvez apprendre cela complètement à partir du répertoire exemple fourni.

4
Vaibhav Miniyar

Vous pouvez utiliser PageRouteBuilder

L'exemple suivant montre FadeTransition lorsque vous accédez à un deuxième écran. 

Navigator.Push(
  context,
  PageRouteBuilder(
    pageBuilder: (context, animation1, animation2) {
      return SecondPage();
    },
    transitionsBuilder: (context, animation1, animation2, child) {
      return FadeTransition(
        opacity: animation1,
        child: child,
      );
    },
    transitionDuration: Duration(milliseconds: 2000),
  ),
);
2
CopsOnRoad