I am developing React Native app. I was able to solve all problems by myself but this is exception. I am going to load another screen with bottom tab navigator. For example, after user login to t...

I’m using materialTopTabs and it seems like this loads all the screens in the navigator once its mounted. I have a screen List and inside it a tab navigator with 2 screens: Posts and Users. These t...

I have 3 tabs and each tab contains a set of stack navigators. Home Stack const HomeNavigator = createStackNavigator(); const HomeStackNavigator = ({ navigation, route }) => { return ( <...

I have 3 tabs and each tab contains a set of stack navigators. Home Stack const HomeNavigator = createStackNavigator(); const HomeStackNavigator = ({navigation, route}) => { return ( <...

im trying to hide the Label. and showLabel: false is not working. import React, {useLayoutEffect} from 'react'; import {createStackNavigator} from '@react-navigation/stack'; import {useNavigation} ...

I'm creating a Expo managed React Native app with TypeScript and having some problems with React Navigation and TypeScript. I want to specify the icon for the Bottom Tab Navigator on the Tab.Screen...

In my react native app, I have a router component which uses react-navigation-material-bottom-tabs. In that component I have created it like this. const tabNavigator = createMaterialBottomTabNav...

In my app.json folder, I have everything bundled nicely, but I have one undefined package at the bottom of the install list: "undefined": "react-navigation/bottom-tabs" I trie...

Current Behavior Hi everyone, I want to set the background color for the Bottom Tab. So I did as below. <Tab.Navigator tabBarOptions={{ activeTintColor: '#FF0000', activeBackgroundColor: '...

I am using React Native with bottom tabs doing switches between native-stack tab screens. For the most part it is okay, but the tab switch is a bit jarring and sometimes gets a bit laggy for more c...

Stack: React Native React Navigator Core components only I have this style on TabNavigator.tsx: const styles = StyleSheet.create({ tabStyle: { backgroundColor: colors.background, borderTopLeft...

As you can see below, I've tried many ways of setting the background color to green, all to no avail. The background remains blue like the image. The inactiveColor and activeColor are working (whi...

I am trying to add border radius to bottom bar but with this i want to change container color from default to purple. how can i do that ? What i have done so far What i want Code: tabB...

I am using createMaterialBottomTabNavigator and I want to pass parameters to the routes: return ( <Tab.Navigator initialRouteName="Home"> <Tab.Screen name="Home" comp...

In React Native 0.62 is it possible to hide on scroll the tabbar created with createBottomTabNavigator from reactnavigation.org ? I'm curious if it's possible in a similar way that LinkedIn has, w...

Having a navigation type definition as bellow, when I navigate from e.g AOne to BTwo with id:99 the console log of props.route.params shows correct info. But props.route.params.id throws type error...

Hey I am using the createBottomTabNavigator() from React Navigation and I have a custom topbar which I update with my own states. The problem is when I click on a Tab the listener gets called with ...

I need to add an indicator for the active tab I tried to add a borderBottom with tabStyle but we can't check focused with that. Using react-navigation v5 and createBottomTabNavigator for bottom tab...

I would like to navigate to the screen when the particular tab on the BottomTabNavigator is pressed. Normally, when the tab is pressed, it navigates to the configured screen automatically. But I d...

I have a @react-navigation/bottom-tabs navigator when my app opens whose contents are like: <Tab.Navigator tabBarOptions={{ activeTintColor: '#77dd77', inactiveTintColor: 'gray', }} tabBa...

The structure of my react navigation is like this : BottomTabNavigator => Navigator => Components This is the skeleton of the App.js. The whole application is wrapped up in a bottom tab navigation...

I need to put a floating button appears in all screens, i put it in bottom tab navigator with absolute position but i couldn't set the onPress navigation for it.. how can i access navigation.naviga...

I've got a minimal test ReactNative test in Expo running. 2 screens, both just have Text within a View. This is run on a MBP, and tested on my Android device (Note10+) via QR code. It is not just...

I changed the background color to make it more obvious. I want the red container to become transparent. Is there any way to achieve this? I am using react-navigation 5 and I created a custom botto...

As seen on the code, tabPress is not called, am i doing it wrong or am i missing something, unfortunately i have not found any code samples for react navigation version 5. <Tab.Navigator labele...