Questions tagged [react-navigation-bottom-tab]
422 questions
0
votes
0 answers
React Navigation 5 Passing params to tabNavigation / Tab Navigator
Hi is that possible to pass certain parameter when pressing the TabBar?
Currently I have an administrator who could view lists of data in ProfileScreenPrimary, and then when he click the list he will go to profilescreen secondary that show details…
QrQr
- 141
- 1
- 13
0
votes
1 answer
Im trying to add nested navigation to my react native project
Im following a react native app tutorial that has stack navigation only but I'm trying to also add nested navigation so I have a tab bar at the bottom that leads to additional pages I'm building but can't seem to figure out how to implement in my…
LoYo344
- 1
- 1
0
votes
1 answer
How to implement drawer navigator in each tab?
I want to have drawer navigation in each tab and I followed this approach, but it doesn't work when I switch back to the previous tab (maybe some navigation tree issue).
As you can see above, the drawer works fine for the first time in each tab,…
cmcodes
- 1,559
- 19
- 24
0
votes
3 answers
React Native navigation reset does not work
I have two stack in my application
Tab Navigator (main stack)
Stack Navigator (app stack)
Stack Navigator elements
Home Screen
Detail Screen
Login Screen
Tab Navigator elements
Home Screen (Stack Navigor)
Economy News
Politic News
Social…
crazycoder
- 39
- 6
0
votes
0 answers
React Native, Navigate to Nested Tab from Root
The structure of my React Navigation is
DashboardScreen => 3 Bottom Tabs (1 out of 3, again have) => 2 Bottom Tabs
The DashboardScreen have three BottomTabs
Main
Profile
Products, the Products have again two BottomTabs
a. AllProducts
b.…
Muhammad Taimoor Sultani
- 123
- 1
- 11
0
votes
1 answer
React navigation - App.js setup & navigating to main tabs
I'm building an authentication flow with react navigation 5. In reading the documentation, it seems best to do a ternary operation. I'm having trouble logging in (from Auth stack to Main Tabs) and logging out (from Main tabs to auth stack). I keep…
Tyler.G
- 105
- 2
- 9
0
votes
1 answer
React Native Tab Navigator first tab is focused by default
I'm using React Native BottomTabNavigator.
Example:
ucha
- 363
- 2
- 4
- 12
0
votes
1 answer
React Navigation Transition on Android
I have a Bottom Tab Navigator and on a button press, it will navigate me to Stack Screen. On Android device, the transition is from bottom to top. I want to achieve the transition from Left to Right like on iOS but I don't know how to achieve it.
I…
Ajeng
- 39
- 1
- 6
0
votes
1 answer
Bottom tab bar should not occur anywhere but only on the first initial screen that renders via Webview in React Native
I have a webview component in my project, where the flow being =>
The bottomTabBar opens the initial screen of the url that is given to Webview source prop, which should remain, when any link is clicked on the webview and it moves to another screen,…
TRINA CHAUDHURI
- 627
- 1
- 11
- 42
0
votes
1 answer
Error: Element type is invalid React Native
When I launch my app on android I get that error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's…
Windas_Coder
- 21
- 1
- 4
0
votes
2 answers
Always show bottom tab navigators React Navigation 5 in React Naive
Make a fix bottom tab navigator appear, even if I click on the stack navigator or multiple nested stack navigators it still show the bottom tab navigation like the Facebook app. Like below of this example, I click in page, which is nested stack…
Chanrithisak Phok
- 1,590
- 1
- 19
- 29
0
votes
0 answers
React navigation v5 - how to open drawer from bottom tab and show drawer backside of bottom tab
Is there any way to open drawer from bottom tab and show back side of bottom tab.?
Anyone know about this?
[
Pragnesh
- 404
- 3
- 15
0
votes
1 answer
React Navigation 5 : Implementing a custom header on a BottomTabNavigator
I am using a BottomTabNavigator with 2 screens but I also want to use a custom header, which I imported, to each one of them. I have tried set an option to the Tab.Navigator by adding a setOptions in it:
const Tab =…
Tiago
- 121
- 2
- 9
0
votes
1 answer
How to customize react navigation bottom tabs in react native?
I'm trying to customize bottom tab in my app. I'm using
react-navigation/bottom-tabs: 5.8.0. I want the following style for bottom tab
Is it possible to have a customized style for bottom tab?. If anybody tried this before please help.Any help…
Linu Sherin
- 1,712
- 7
- 38
- 88
0
votes
1 answer
How to create a bottom tab bar using React Navigation and Class components?
I have seen many examples showing how it works with Function components but the question is how do I do it with Classes? I havent found a single example!
This is how it works with Functions: Snack
I really need help in this one please!
showtime
- 1
- 1
- 17
- 48