material-components-android
material-components-android copied to clipboard
[TopAppBar] Material Design Rules
trafficstars
Description: My app has a MainActivity and an AboutActivity. The latter is showing some information about the app, such as version, copyright, etc. The AboutActivity is called by an Intent.
I'm unsure how the design of the AboutActivity's TopAppBar should look like when applying the M3 design rules. I've seen the following two design variants:
- The M3 documentation shows the following design:
- light-grey background for status bar and TopAppBar
- background for content: white or light-grey??
- close-icon
- The M3 catalog app shows the following design:
- white background for status bar and TopAppBar
- white background for content
- status bar and TopAppBar change color to light-grey when scrolling up
- back-arrow-icon
Could you please tell which design variant would be the correct one for my app?
Many thanks!