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()
},
);
}
}
Vous pouvez sous-classer MaterialPageRoute
et remplacer buildTransitions
. Consultez cette réponse de débordement de pile pour exemple de code.
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.
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),
),
);