Question Details

No question body available.

Tags

ios react-native

Answers (2)

Accepted Answer Available
Accepted Answer
August 22, 2025 Score: 7 Rep: 96 Quality: High Completeness: 60%

React Navigation doesn't use the native tabs instead it uses JS Tabs to mimic the behaviour of the native tabs. If you want liquid glass tabs you need to use react-native-bottom-tabs library to replace React Navigation Tabs with Native Tabs. You then need to do a pod install to do the linking and you should be good to go

November 26, 2025 Score: 2 Rep: 38,192 Quality: Low Completeness: 70%

Fast forward to November 2025, this is now possible directly with React Navigation using the Native Bottom Tabs Navigator. The navigator is still marked as experimental but already works quite well.

Installation

yarn add @react-navigation/bottom-tabs

Usage

import { createNativeBottomTabNavigator } from '@react-navigation/bottom-tabs/unstable';
const MyTabs = createNativeBottomTabNavigator({
  screens: {
    Home: HomeScreen,
    Profile: ProfileScreen,
  },
});

More info in the docs: https://reactnavigation.org/docs/native-bottom-tab-navigator/

enter image description here