Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update BottomAppBar to use elevation overlays when in a dark theme #41864

Merged
merged 4 commits into from Oct 14, 2019

Conversation

darrenaustin
Copy link
Contributor

Description

When a BottomAppBar is inside a dark theme, it should respect the ThemeData.applyElevationOverlay and apply a semi-transparent color overlay to its background color based on elevation (see the dark theme spec).

bottom_app_bar

Related Issues

Fixes: #40122

Tests

I added a test to ensure the BottomAppBar has an overlay in a dark theme.

Checklist

Before you create this PR confirm that it meets all requirements listed below by checking the relevant checkboxes ([x]). This will ensure a smooth and quick review process.

  • I read the Contributor Guide and followed the process outlined there for submitting PRs.
  • I signed the CLA.
  • I read and followed the Flutter Style Guide, including Features we expect every widget to implement.
  • I updated/added relevant documentation (doc comments with ///).
  • All existing and new tests are passing.
  • The analyzer (flutter analyze --flutter-repo) does not report any problems on my PR.
  • I am willing to follow-up on review comments in a timely manner.

Breaking Change

Does your PR require Flutter developers to manually update their apps to accommodate your change?

  • No, this is not a breaking change.

@darrenaustin darrenaustin added framework flutter/packages/flutter repository. See also f: labels. f: material design flutter/packages/flutter/material repository. labels Oct 3, 2019
@darrenaustin darrenaustin changed the title WIP: Update BottomAppBar to use elevation overlays when in a dark theme Update BottomAppBar to use elevation overlays when in a dark theme Oct 4, 2019
Copy link
Contributor

@HansMuller HansMuller left a comment

Choose a reason for hiding this comment

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

LGTM

packages/flutter/test/material/bottom_app_bar_test.dart Outdated Show resolved Hide resolved
packages/flutter/test/material/bottom_app_bar_test.dart Outdated Show resolved Hide resolved
packages/flutter/lib/material.dart Outdated Show resolved Hide resolved
…hide it.

Small updates from code review feedback.
@darrenaustin darrenaustin merged commit a494705 into flutter:master Oct 14, 2019
@darrenaustin darrenaustin deleted the bottom_app_bar_overlay branch October 14, 2019 18:02
Inconnu08 pushed a commit to Inconnu08/flutter that referenced this pull request Nov 26, 2019
…lutter#41864)

* Updated the BottomAppBar to use elevation overlays when a dark theme is used.

* Moved the code for calculating the overlay color to a new utility
ElevationOverlay class and made it private by not including in the material package.
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Aug 3, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

BottomAppBar should respect applyElevationOverlayColor
3 participants