# Native Tabs Migration (SDK 55) In SDK 55, `Label`, `Icon`, `Badge`, and `VectorIcon` are now accessed as static properties on `NativeTabs.Trigger` rather than separate imports. ## Import Changes ```tsx // SDK 53/54 import { NativeTabs, Icon, Label, Badge, VectorIcon, } from "expo-router/unstable-native-tabs"; // SDK 55+ import { NativeTabs } from "expo-router/unstable-native-tabs"; ``` ## Component Changes | SDK 53/54 | SDK 55+ | | ---------------- | ----------------------------------- | | `` | `` | | `` | `` | | `` | `` | | `` | `` | | (n/a) | `` | ## New in SDK 55 ### BottomAccessory New component for Apple Music-style mini players on iOS +26 that float above the tab bar: ```tsx {/* Content above tabs */} Home ``` On Android and web, this component will render as a no-op. Position a view absolutely above the tab bar instead. ### Icon `md` Prop New `md` prop for Material icon glyphs on Android (alongside existing `drawable`): ```tsx ``` ## Full Migration Example ### Before (SDK 53/54) ```tsx import { NativeTabs, Icon, Label, Badge, } from "expo-router/unstable-native-tabs"; export default function TabLayout() { return ( Home 3 Settings ); } ``` ### After (SDK 55+) ```tsx import { NativeTabs } from "expo-router/unstable-native-tabs"; export default function TabLayout() { return ( Home 3 Settings ); } ``` ## Migration Checklist 1. Remove `Icon`, `Label`, `Badge`, `VectorIcon` from imports 2. Keep only `NativeTabs` import from `expo-router/unstable-native-tabs` 3. Replace `` with `` 4. Replace `` with `` 5. Replace `` with `` 6. Replace `` with `` - Read docs for more info https://docs.expo.dev/versions/v55.0.0/sdk/router-native-tabs/

upgrading-expo

Install this skill