custom_fade_in 0.0.3
custom_fade_in: ^0.0.3 copied to clipboard

Este paquete nos ayuda en el manejo de transicion entre dos paginas de una aplicacion de una forma elegante.

example/main.dart

//Ejemplo de uso
import 'package:custom_fade_in/custom_fade_in.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      debugShowCheckedModeBanner: false,
      initialRoute: 'home',
      routes: {'home': (_) => HomePage(), 'pagina2': (_) => Pagina2Page()},
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Pagina 1'),
          backgroundColor: Colors.blueAccent,
        ),
        //vamos a agregar el body
        body: Center(
            child: MaterialButton(
                child: Text('Go to page2',
                    style: TextStyle(
                        color: Colors.white, fontWeight: FontWeight.bold)),
                shape: StadiumBorder(),
                color: Colors.black87,
                onPressed: () {
                  //ahora si vamos a mandar a llamar nuestra clase que esta en la
                  //paqueteria que acabamos de subir
                  CustomFadeIn(
                      context: context,
                      page: Pagina2Page(),
                      duracion: Duration(milliseconds: 1200),
                      replacement: false,
                      tipoAnimacion: AnimationType.normal);
                })));
  }
}

class Pagina2Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Pagina 2'),
          backgroundColor: Colors.blueGrey,
        ),
        body: Center(
          child: Text('Hola mundo'),
        ));
  }
}
0
likes
110
pub points
0%
popularity

Este paquete nos ayuda en el manejo de transicion entre dos paginas de una aplicacion de una forma elegante.

Homepage

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on custom_fade_in