Skip to content

[Liquid Glass Follow Up][Design] Liquid Glass FABs #104198

Open

Description

@grgia

The new iOS tab bar is Liquid Glass, but the two floating buttons above it ((+) and Search) are still solid colored. Design agreed they look out of place next to the glass bar.

What to Do:

  • Experiment with both floating buttons rendered in Liquid Glass, keeping a solid background behind the icon.
  • Also try the alternative from design: (+) in the app background color with a shadow.

Context:

Activity

  1. melvin-bot commented on Oct 16, 2026

    @melvin-bot

    Current assignee @shawnborton is eligible for the Design assigner, not assigning anyone new.

  2. changed the title [-][Liquid Glass Follow Up] Liquid Glass FABs[/-] [+][Design][Liquid Glass Follow Ups] Liquid Glass FABs[/+] on Oct 16, 2026
  3. changed the title [-][Design][Liquid Glass Follow Ups] Liquid Glass FABs[/-] [+][Liquid Glass Follow Up][Design] Liquid Glass FABs[/+] on Oct 16, 2026
  4. grgia commented on Oct 19, 2026

    @grgia
    ContributorAuthor

    Both are doable. The two FABs are RN views sitting over the native bar, so glass means adding expo-glass-effect with a solid fallback below iOS 26 and on Android/mWeb; the appBG + shadow version is just a color swap.

    @shawnborton when you get a chance, would you make a decision here so we can wrap up these follow ups quickly?

  5. shawnborton commented on Oct 19, 2026

    @shawnborton
    Contributor

    Apologies! What decision do I need to make? I say let's try what you are quoting above. We basically want a solid color appearance but the edges/strokes of the FABs to have the glassy appearance. I am thinking that mWeb and Android stay as they are today. cc @Expensify/design

  6. dannymcclain commented on Oct 19, 2026

    @dannymcclain
    Contributor

    That sounds like a good plan to me!

  7. shawnborton commented on Oct 22, 2026

    @shawnborton
    Contributor

    Not overdue, we're workin' on it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions