phlox_animations 0.0.2 copy "phlox_animations: ^0.0.2" to clipboard
phlox_animations: ^0.0.2 copied to clipboard

Flutter

📱 Phlox Animations plugin #

flutter animation pub get package version flutter animation awesome Flutter

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 #

Overview

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
    );
  }
}