Aplicacions amb Flutter, Dart i Flame

Tutorial Flutter Flame Projectes   Recursos CITCEA
Exemples Dart Dades pràctiques     Inici

Animacions

Alguns ginys admeten que se'ls doti d'alguna animació.

En aquest cas, el text apareix desplaçant-se cap avall.

...
import 'package:flutter_animate/flutter_animate.dart';
...
    Text(
      "Missatge",
      style: Theme.of(context).textTheme.headlineLarge,
    ).animate().slideY(duration: 750.ms, begin: -3, end: 0),
...

En aquest altre cas, el text es manté en un bucle de repetició en el qual va apareixent i desapareixent de manera suau.

...
import 'package:flutter_animate/flutter_animate.dart';
...
    Text("Missatge", style: Theme.of(context).textTheme.headlineSmall)
      .animate(onPlay: (controller) => controller.repeat())
      .fadeIn(duration: 1.seconds)
      .then()
      .fadeOut(duration: 1.seconds),
...

 

 

 

 

 

 

 

 

 

 

Llicència de Creative Commons
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.