phlox_animations 1.0.0

Flutter phlox_animations is a simple package to create beautiful custom animations . Animate multiple properties at once and consists of several's feature.

📱 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: ^1.0.0

flutter pub get
flutter pub upgrade

Table of Contents

Overview

• PhloxAnimations
• PhloxAnimations.move()
• PhloxAnimations.opacity()
• PhloxAnimations.rotate()
• PhloxAnimations.scale()

Overview

PhloxAnimations consists of several's feature.

PhloxAnimations

example :

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:phlox_animations/phlox_animations.dart';

class PhloxAnimationsTest extends StatelessWidget {
  const PhloxAnimationsTest({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(),
        body: Center(
          child: PhloxAnimations(
              fromOpacity: 0,
              fromY: -60,
              child: Container(
                padding: const EdgeInsets.all(20),
                color: Colors.orangeAccent,
                child: const Text("Hello World"),
              ),
              duration: const Duration(seconds: 1)),
        ));
  }
}

another example full code :

import 'package:flutter/material.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,
        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
    );
  }
}