phlox_animations 0.0.2 phlox_animations: ^0.0.2 copied to clipboard
Flutter
📱 Phlox Animations plugin #
Phlox Animations is a simple package to create beautiful custom animations .
- Animate multiple properties at once
Getting started #
- add package
dependencies:
phlox_animations: ^0.0.2
flutter pub get
flutter pub upgrade
Table of Contents #
- PhloxAnimations
- PhloxAnimations.move()
- PhloxAnimations.opacity()
- PhloxAnimations.rotate()
- PhloxAnimations.scale()
Overview #
PhloxAnimations consists of several's feature.
PhloxAnimations #
example :
import 'package:flutter/material.dart';
import 'package:simple_animations/simple_animations.dart';
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
// page width
var pageWidth = MediaQuery
.of(context)
.size
.width;
return PhloxAnimations(
child: Container(
color: Colors.lightGreen, // use animated value
width: 100,
height: 100,
child: Text("hi"),
),
duration: const Duration(seconds: 1),
delay: Duration.zero,
fromX: 0, // optional
toX: 0, // optional
toY: 0, // optional
fromY: 0, // optional
fromDegrees: 0, // optional
toDegrees: 0, // optional
fromOpacity: 0, // optional
toOpacity: 0, // optional
fromScale: 0, // optional
toScale: 0, // optional
repeat: false, // optional
);
}
}