Skip to content
This repository was archived by the owner on Jun 13, 2024. It is now read-only.

Updates to the Reply Navigation Rail animation #299

Merged
merged 11 commits into from
Sep 16, 2020

Conversation

clocksmith
Copy link
Contributor

@clocksmith clocksmith commented Sep 15, 2020

This change makes a few updates to the Nav Rail extended animation:

  • Fade in trailing widget
  • Immediately start the animation on press
  • Animate the width of the leading (and FAB) and trailing widgets
    • The FAB still has to "jump" from a non-extended FAB (56 height) to an extended FAB (44 height) because there is currently no easy way to lerp between these 2 shapes
  • All nav rail children animations are now driven by the extended animation of the nav rail

The destinations also no longer jump by a combination of flutter/flutter#65659 and correcting the leading animation.

Before regular speed:
current_1x
After regular speed:
new_1x

Before 5x slow speed:
current_5x
After 5x slow speed:
new_5x

extended: _isExtended.value,
labelType: NavigationRailLabelType.none,
leading: _NavigationRailHeader(
extended: _isExtended,
Copy link
Contributor

@Renzo-Olivares Renzo-Olivares Sep 15, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: can _NavigationRailHeader fit on one line?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It does not fit

const SizedBox(height: 8),
for (var folder in folders.keys)
InkWell(
borderRadius: const BorderRadius.all(
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: can borderRadius fit on one line?

Copy link
Contributor Author

@clocksmith clocksmith Sep 15, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes

Copy link
Contributor

@Renzo-Olivares Renzo-Olivares left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is Awesome!

LGTM

Copy link
Contributor

@rami-a rami-a left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@clocksmith clocksmith merged commit 8521c78 into flutter:master Sep 16, 2020
perclasson pushed a commit to perclasson/gallery that referenced this pull request Sep 16, 2020
* Use google_fonts package

* Use hosted version of google_fonts


Former-commit-id: 73f8984
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants