Skip to content

ios27-v2.0.2

Choose a tag to compare

View all tags
@rdlabo rdlabo released this 23 Oct 10:25
· 49 commits to main since this release
ios27-v2.0.2
3b67e29

Native UI tab switching and selection colors

2.0.2 is a stable patch release that improves Native UI toolbar handoffs, Search behavior, and tab selection colors on ordinary iPhone and iPhone Duo. It includes the fixes validated in 2.0.2-0 through 2.0.2-2. Existing 2.0.x markup and public APIs remain compatible.

Fixes

  • Reliable toolbar handoffs when switching tabs. Coordinate horizontal and vertical toolbar ownership during tab changes, including rapid input and rejected navigation. Preserve the next push/back transition after a rejected tab selection. (#320)
  • No brief Search FAB flash on Duo when entering Library. Retire the departing page's native Search before destination icons finish loading, while preserving shared tabs and Web fallback behavior. (#320)
  • Correct fixed-toolbar detection. Keep fixed headers and footers eligible with collapse="fade", exclude scrolling and condense-header duplicates, and avoid duplicate safe-area spacing in Vertical Bars. (#319)
  • Application selection colors in native tabs. Horizontal tabs, searchable tabs, and Duo Vertical Bars follow the selected Ionic tab button's computed color, including --color-selected, per-tab overrides, and light/dark theme changes. No separate RGB palette token is required. (#321)
  • Correct visible tint on Duo's SwiftUI rail. Apply selection color to the SwiftUI TabView, keep toolbar/search accents independent, and restore system tint when the application-provided tint is removed. This fixes the rail remaining system blue in 2.0.2-1. (#322)

Normal and disabled tab colors and glass backgrounds retain native styling. Tab bars using an Ionic color palette keep system tint because their Web contrast colors assume a colored background that native glass does not reproduce. Unsupported computed color formats also fall back to system tint.

Updating

When using the theme with Native UI, update both packages to the same version:

npm install @rdlabo/ionic-theme-ios27@2.0.2 @rdlabo/capacitor-native-ui@2.0.2

Rebuild your Web assets, run npx cap sync, and rebuild the native app to receive the native tab-color fixes. Standalone Native UI users only need to update @rdlabo/capacitor-native-ui. Theme-only apps do not need to enable Native UI.

Both packages are published under npm's stable latest tag.

Validation

  • Ionic 8 and Ionic 9 E2E checks passed for the merged fixes.
  • All 59 native tests passed on iPhone Duo, including effective selection tint and restoration after removing the tint.
  • Regression coverage includes tab switching, Search handoffs, fixed-toolbar placement, and horizontal/vertical selection-color overrides across light and dark themes.

Full changelog: 2.0.1 → 2.0.2

Assets 2
Loading