smooth_transition 1.0.0 copy "smooth_transition: ^1.0.0" to clipboard
smooth_transition: ^1.0.0 copied to clipboard

A simple and customizable Flutter package for smooth page transition animations, including fade, slide, and scale effects. Easy to use with Navigator.push().

smooth_transition #

A simple and customizable Flutter package for smooth page transition animations. Supports fade, slide, and scale effects with minimal setup.

Features #

🚀 Easy to use with Navigator.push() 🎬 Built-in animations: Fade, Slide, Scale ⚡ Lightweight & customizable 🔧 Adjustable animation duration & curve

Installation #

Add dependency in your pubspec.yaml: flutter: sdk: flutter dependencies: smooth_transition: ^1.0.0

Then run: flutter pub get

🚀 Usage #

import 'package:smooth_transition/smooth_transition.dart';

Example #

Navigator.push( context, EasyPageTransition( page: const SecondPage(), type: PageTransitionType.slide, duration: const Duration(milliseconds: 400), ), );

Transition Types #

A Flutter package for easy page transition animations.
Supports multiple transition types:

  • fade
  • scale
  • rotate
  • slideLeft
  • slideRight
  • slideUp
  • slideDown

🛠️ Example App #

import 'package:flutter/material.dart'; import 'package:smooth_transition/smooth_transition.dart';

void main() { runApp(const MyApp()); }

class MyApp extends StatelessWidget { const MyApp({super.key});

@override Widget build(BuildContext context) { return MaterialApp( home: const FirstPage(), ); } }

class FirstPage extends StatelessWidget { const FirstPage({super.key});

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text("First Page")), body: Center( child: ElevatedButton( child: const Text("Go to Second Page"), onPressed: () { Navigator.push( context, EasyPageTransition( page: const SecondPage(), type: PageTransitionType.fade, duration: const Duration(milliseconds: 500), ), ); }, ), ), ); } }

class SecondPage extends StatelessWidget { const SecondPage({super.key});

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text("Second Page")), body: const Center( child: Text("Hello from the second page!"), ), ); } }

📌 Roadmap #

Add more transition types (flip, rotate, etc.) Support for page pop transitions Advanced customization options

🤝 Contributing #

Contributions are welcome! Please open an issue or submit a pull request.

📄 License #

This project is licensed under the MIT License.

2
likes
0
points
94
downloads

Publisher

unverified uploader

Weekly Downloads

A simple and customizable Flutter package for smooth page transition animations, including fade, slide, and scale effects. Easy to use with Navigator.push().

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on smooth_transition