How to render a Material 3 bottom tab bar with NativeTabs in Expo Router

Expo Router’s submodule NativeTabs renders a real Material 3 navigation bar on Android and its native counterpart on iOS from one component tree. On Android, the active indicator pill and touch ripple come from the platform itself, so you do not need to animate them. The following approach is tested with Expo SDK 56 with a development build. You can create your own example app using bunx create-expo-app. Also remember, the minimum SDK version supported by NativeTabs is SDK 54. One import To import the NativeTabs API, all you need is to add the following where you add your native tabs code. In Expo’s default template, that is src/components/app-tabs.tsx file. import { NativeTabs } from 'expo-router/unstable-native-tabs'; Tabs are a route group in Expo Router Expo Router follows file-based navigation system to allow you to add and/or remove new routes from the app. These routes are defined inside src/app/(tabs)/ directory. The navigation bar itself lives inside…