p-hatan / mirrormirror.p-hatan.com

Viewing version 1.0.0+5. Open the latest package page.

animations

1.0.0+5

Fancy pre-built animations that can easily be integrated into any Flutter application.

Download archive

Readme

High quality pre-built Animations for Flutter

This package contains pre-canned animations for commonly-desired effects. The animations can be customized with your content and dropped into your application to delight your users.

To see examples of the following animations on a device or simulator:

cd example/
flutter run --release

Material motion for Flutter

Material motion is a set of transition patterns that help users understand and navigate an app. Currently, the following transition patterns are available in this library:

  1. Container transform
  2. Shared axis
  3. Fade through
  4. Fade

Container transform

The container transform pattern is designed for transitions between UI elements that include a container. This pattern creates a visible connection between two UI elements.

"Container transform gallery - normal speed and slow motion" Examples of the container transform:

  1. A card into a details page
  2. A list item into a details page
  3. A FAB into a details page
  4. A search bar into expanded search

Shared axis

The shared axis pattern is used for transitions between UI elements that have a spatial or navigational relationship. This pattern uses a shared transformation on the x, y, or z axis to reinforce the relationship between elements.

"Shared axis gallery - normal speed and slow motion" Examples of the shared axis pattern:

  1. An onboarding flow transitions along the x-axis
  2. A stepper transitions along the y-axis
  3. A parent-child navigation transitions along the z-axis

Fade through

The fade through pattern is used for transitions between UI elements that do not have a strong relationship to each other.

"Fade through gallery - normal speed and slow motion" Examples of the fade through pattern:

  1. Tapping destinations in a bottom navigation bar
  2. Tapping a refresh icon
  3. Tapping an account switcher

Fade

The fade pattern is used for UI elements that enter or exit within the bounds of the screen, such as a dialog that fades in the center of the screen.

"Fade gallery - normal speed and slow motion" Examples of the fade pattern:

  1. A dialog
  2. A menu
  3. A snackbar
  4. A FAB
Changelog

[1.0.0+5] - February 21, 2020

  • Fix override analyzer ignore placement.

[1.0.0+4] - February 21, 2020

  • Fix a typo in the changelog dates
  • Revert use of modern Material text style nomenclature in the example app to be compatible with Flutter's stable branch for the time being.
  • Add override analyzer ignore in modal.dart for reverseTransitionDuration until Flutter's stable branch contains https://github.com/flutter/flutter/pull/48274.

[1.0.0+3] - February 18, 2020

  • Update README.md to better describe Material motion

[1.0.0+2] - February 18, 2020

  • Fixes to pubspec.yaml

[1.0.0+1] - February 18, 2020

  • Fixes to pubspec.yaml

[1.0.0] - February 18, 2020

  • Initial release

Installing

export PUB_HOSTED_URL=https://pub.mirror.p-hatan.com
flutter pub add 'animations:1.0.0+5'
pubspec.yaml
name: animations
description: Fancy pre-built animations that can easily be integrated into any Flutter application.
version: 1.0.0+5
homepage: https://github.com/flutter/packages/tree/master/packages/animations

environment:
  sdk: ">=2.2.2 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

dev_dependencies:
  flutter_test:
    sdk: flutter
  vector_math: ^2.0.8

Version history

VersionPublishedArchiveSHA-256
1.0.0Cached · Upstream SHA-256 matchedDownload28b7d968…e567dc
1.0.0+1Cached · Upstream SHA-256 matchedDownload31e92670…580c71
1.0.0+2Cached · Upstream SHA-256 matchedDownloadf33480b3…025919
1.0.0+3Cached · Upstream SHA-256 matchedDownload5342e864…846e7b
1.0.0+4Cached · Upstream SHA-256 matchedDownload1c1d5de9…654f3a
1.0.0+5Cached · Upstream SHA-256 matchedDownload2adbc89e…dab190
1.1.0Cached · Upstream SHA-256 matchedDownloadff54e53d…cd8e74
1.1.1Cached · Upstream SHA-256 matchedDownload04c1dcac…ae9d85
1.1.2Cached · Upstream SHA-256 matchedDownload13447045…3b287c
2.0.0-nullsafety.0Cached · Upstream SHA-256 matchedDownload7aa03ced…14f1c4
2.0.0Cached · Upstream SHA-256 matchedDownloadb8c936e6…79a4f2
2.0.1Cached · Upstream SHA-256 matchedDownloade519481c…dcf2c3
2.0.2Cached · Upstream SHA-256 matchedDownloadb70b084d…c7c5b6
2.0.3Cached · Upstream SHA-256 matchedDownload1a5baa98…eef224
2.0.4Cached · Upstream SHA-256 matchedDownload08abd412…a3b552
2.0.5Cached · Upstream SHA-256 matchedDownload047803c3…295017
2.0.6Cached · Upstream SHA-256 matchedDownloadb907674a…748b95
2.0.7Cached · Upstream SHA-256 matchedDownloadfe8a6bdc…934164
2.0.8Cached · Upstream SHA-256 matchedDownloadef57563e…b88a70
2.0.10Cached · Upstream SHA-256 matchedDownload708e4b68…cea6c5
2.0.11Cached · Upstream SHA-256 matchedDownloadd3d6dcfb…9911cb
2.1.0Cached · Upstream SHA-256 matchedDownloada8031b27…02b427
2.1.1Cached · Upstream SHA-256 matchedDownload18938cef…9e96ab
2.1.2Cached · Upstream SHA-256 matchedDownloada120785b…b30186
2.2.0Cached · Upstream SHA-256 matchedDownload9cb46921…659e7f
3.0.0Cached · Upstream SHA-256 matchedDownload5ec868ff…7ac5dd

Dependencies

flutter { "sdk": "flutter" }