Skip to content

Conversation

@okwasniewski
Copy link
Member

@okwasniewski okwasniewski commented Oct 4, 2025

PR Description

This PR adds support for material 3 expressive in bottom tabs.

The bottom navigation looks pretty much exactly the same 😆 But its now shorter

CleanShot 2025-10-04 at 16 53 47@2x

Changes from the material design docs:

Changes from M3:

Height: From 80dp to 64dp
Color: New expressive colors!
Top item padding: From 12dp to 6dp
Bottom item padding: From 16dp to 6dp
Label text is no longer bolded when selected
Active indicator: From 64dp to 56dp
New horizontal item configuration on medium and larger window sizes (greater than or equal to 600dp):
Icon moves from top to start of item
Instead of being a set width based on the item count, item width is based on content with a max width
Item gravity: From top center to center

@changeset-bot
Copy link

changeset-bot bot commented Oct 4, 2025

🦋 Changeset detected

Latest commit: d4c0d2b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
react-native-bottom-tabs Patch
@bottom-tabs/expo-template Patch
@bottom-tabs/react-navigation Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@okwasniewski okwasniewski merged commit 35e88e4 into main Oct 5, 2025
5 checks passed
@okwasniewski okwasniewski deleted the feat/material3-expressive branch October 5, 2025 08:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants