Skip to content

fix(iOS): janky tab switch between colored and uncolored tabs #519

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.

Sign up for GitHub

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

Merged
thiagobrez merged 1 commit into from
May 15, 2026
+11 −9
Merged

fix(iOS): janky tab switch between colored and uncolored tabs #519

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/stable-tab-tint.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'react-native-bottom-tabs': patch
---

Keep iOS tab transitions smooth when switching between tabs with and without active tint colors.
2 changes: 1 addition & 1 deletion apps/example/ios/Podfile.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2842,7 +2842,7 @@ SPEC CHECKSUMS:
React-logger: a3cb5b29c32b8e447b5a96919340e89334062b48
React-Mapbuffer: 9d2434a42701d6144ca18f0ca1c4507808ca7696
React-microtasksnativemodule: 75b6604b667d297292345302cc5bfb6b6aeccc1b
react-native-bottom-tabs: 5b7b8ee99ea2f19a496cabe8f6ec322b4d86c28d
react-native-bottom-tabs: df48704fe0d3f7566ab63e2b77b47e40f74a9051
react-native-safe-area-context: c6e2edd1c1da07bdce287fa9d9e60c5f7b514616
React-NativeModulesApple: 879fbdc5dcff7136abceb7880fe8a2022a1bd7c3
React-oscompat: 93b5535ea7f7dff46aaee4f78309a70979bdde9d
Expand Down
13 changes: 5 additions & 8 deletions packages/react-native-bottom-tabs/ios/TabViewImpl.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -267,15 +267,12 @@ extension View {

@ViewBuilder
func tintColor(_ color: PlatformColor?) -> some View {
if let color {
let color = Color(color)
if #available(iOS 16.0, tvOS 16.0, macOS 13.0, *) {
self.tint(color)
} else {
self.accentColor(color)
}
let color = color.map(Color.init)

if #available(iOS 16.0, tvOS 16.0, macOS 13.0, *) {
self.tint(color)
} else {
self
self.accentColor(color)
}
}

Expand Down
Loading