Repository navigation
Figure out how to do Material icon transitions #230
Description
Activity
- addedframeworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.c: new featureNothing broken; request for a new capabilityNothing broken; request for a new capability
on Nov 9, 2015 - addeda: animationAnimation APIsAnimation APIsp: material_uimaterial_ui package in flutter/packagesmaterial_ui package in flutter/packages
on Nov 18, 2015 This page talks about how to implement a general fashion:
http://alex.miller.im/posts/material-design-css-spinning-icon-transitions/We also need to support arbitrary pre-canned animations from specific icons to specific icons. We should probably support both.
There as another page somewhere that had a general algorithm for most of the path-based icons. It was done entirely in CSS with by transforming divs using a css transition.
Found a bunch of people trying something similar, but not quite the one I was looking for.
- modified the milestones: This milestone has been deleted, This milestone has been deleted
on Jun 6, 2017 Above link is dead.
https://material.io/design/iconography/animated-icons.html#usage shows icon transitionsRelated #19404
I believe our answer here is https://master-api.flutter.dev/flutter/material/AnimatedIcon-class.html.
Reacted by Rodrigo TavaresThis thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.- locked as resolved and limited conversation to collaborators
on Aug 17, 2021
Monday Oct 26, 2015 at 21:00 GMT
Originally opened as https://github.com/flutter/engine/issues/1801
See: https://www.google.com/design/spec/animation/delightful-details.html