Skip to content

Conversation

@josemak25
Copy link
Contributor

Summary

This fix Implements: #3569

  • Add fix for app bar header custom styles
    • This change addresses styles like border bottom radius on the app bar

Test plan

  1. Start the example app

  2. Click on the Appbar

  3. Enable custom color switch

  4. Enable Elevated

  5. And lastly pass your custom styles to the app bar header

    <Appbar.Header elevated={true} style={{ borderBottomLeftRadius: 16, borderBottomRightRadius: 16 }}>
       <Appbar.Content title="My Title" />
    </Appbar.Header>
screenshot from web

Screenshot 2023-03-20 at 2 12 14 PM

screenshot from web

mobile screenshot

DimitarNestorov

This comment was marked as resolved.

…ix/appbar-header-ignores-border-bottom-radius
@callstack-bot
Copy link

callstack-bot commented Mar 20, 2023

Hey @josemak25, thank you for your pull request 🤗. The documentation from this branch can be viewed here.

@github-actions
Copy link

The mobile version of example app from this branch is ready! You can see it here.

@josemak25 josemak25 requested a review from lukewalczak March 21, 2023 11:18
@josemak25 josemak25 requested a review from lukewalczak March 27, 2023 10:22
@lukewalczak lukewalczak merged commit 0a4cfb9 into main Apr 3, 2023
@lukewalczak lukewalczak deleted the fix/appbar-header-ignores-border-bottom-radius branch April 3, 2023 11:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants