Questions tagged [react-navigation-bottom-tab]
422 questions
0
votes
1 answer
React navigation initialRouteName property not working as expected
In my react native app I nested stack navigation inside the tab navigation.
I can't access the screen that I set as an initial route in stack navigation.
The tab navigation component is
Guna
- 820
- 6
- 21
0
votes
1 answer
Creating SignInScreen which leads to HomeScreen
Hey im trying to learn React Native.
I found some nice tutorials to create my app. So far did I manage to program a form with firebase authentication. After login the user is directed to the mainscreen.To do that I used the StackNavigator. Now I…
renobueno
- 1
- 2
0
votes
1 answer
How to hide the bottom tab bar navigator on a specific screen?
I am using react navigation version 4.
My goal is to hide the tab bar navigator only on the done screen.
neither
tabBarStyle: { display: "none" }
nor
tabBarVisible: false
work.
My navigator looks like this:
const navigator =…
juro
- 11
- 3
0
votes
1 answer
Error adding React Native Navigation header button [Error: Text strings must be rendered within a component.]
I'm building a mobile app with React Native in an expo managed project and I'm using React Navigation. I'm using a Stack navigation and Tabbar navigation. I'm having trouble adding a simple button into the Stack screen header. My goal is to add an…
flpmko
- 13
- 3
0
votes
1 answer
Redirect after Login causes in three header and a bottom tab nav
In my apllikation, i logged in after my splashscreen. The bottom nav works fine. If i go to settings and click the „Logged out“ button. The app navigates me back to login. Great.
But there are THREE headers show and the bottom nav is still…
Gismo1337
- 279
- 1
- 18
0
votes
0 answers
How to make bottom tab bar in react native
Here i'm sending the image of my bottom tab navigation.
How to create this kind of bottom tab navigation in react native.
enter image description here
My code is like this...
0
votes
1 answer
React Navigation: How to pass a prop to a screen in a nested navigator?
In my React Native app I have the following TabNavigator nested inside an AppNavigator:
const TabNavigator = () => (
);
export const AppNavigator = () => {
const…
gkeenley
- 6,088
- 8
- 54
- 129
0
votes
2 answers
Invalid UIAccessibilitys 'tablist' error after installing react-native-vector-icons and running pod update on ios
I tried to install react-native-vector-icons and ran pod update and got the following error:
https://i.stack.imgur.com/FcVr0.jpg
now this pops up but I can build and run the app just fine.
is this ok? and how can I fix this ?
after this started…
yonatang0401
- 5
- 1
- 3
0
votes
1 answer
Custom Button in React Navigation Wix Bottom Tab
I'm using React Navigation Wix for my App and I want to achieve something similar to the below design (Attached image).
Actually the problem with the wix is that we don't have the ability to customize too much things, we can config the text and the…
Reda Khalaf
- 115
- 2
- 10
0
votes
3 answers
React Navigation change backgroundColor below tabBar
I am using React Navigations tabBar with my React Native project, and I don't know how to change the background color of my bottom tab bar properly. I used Expo to make my app and I have also edited app.json to have the correct backgroundColor, yet…
Jaakko Saranpää
- 51
- 1
- 5
0
votes
1 answer
Two column layout in react native using reactnavigation
I am trying to achieve two column layout if i click something inside tab (for example list of Chats) chat should show in right, now its appears inside left column
can you point me to correct way?
Mykoriak
- 13
- 3
0
votes
2 answers
React Native: Add BottomTab Component in React Navigation
I am new in react-native and i want to integrate bottomtab to existing code.
The below code is a simple app which contain two screens Home and Settings. For Navigation, I am using React Navigation library.
But my question is how can i integrate…
likith sai
- 527
- 1
- 6
- 21
0
votes
0 answers
Send params to both of the screen in react-native
this is my screen structure
Stack.Navigator
Login (Screen)
Register (Screen)
Todolist-screen (Tab.navigator)
todolist (Screen)
profile (Screen)
enter image description here
as you can see im sending param to the just to do list screen, because of…
0
votes
0 answers
Bottom Tabbar touchables are red in react-native inspector and not clickable
I'm facing a weird issue with my react-native application which i'm not able to solve.
I use react-navigation in my app and @react-navigation/bottom-tabs for the bottom tab navigator.
While developing the iOS version everything worked fine, but in…
Stevetro
- 1,933
- 3
- 16
- 29
0
votes
1 answer
The action 'NAVIGATE' with payload {"name":"Home"} was not handled by any navigator. Do you have a screen named 'Home'?
I'm using the React NavigationV6 to create a static app for now.
After setting up my Navigation process like this Im having an issue moving to the Home Screen from the Login and Register Screen. And also the Home screen is not rendering the Bottom…
Masi
- 19
- 2
- 9