All Questions
35 questions
0
votes
0
answers
757
views
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 ...
- 1,963
2
votes
3
answers
1k
views
React Native 0.6 - Replace Header when Navigating to Child
I'm trying to replace the header bar when navigating to a child screen in the stack, or sibling let's say.
Basically my main stack looks like this :
<MainStack.Navigator initialRouteName="Home&...
- 1,319
1
vote
4
answers
11k
views
How to pass params in React Native Navigation for the goBack() function
I know this is a stupid question.
I have a component lets call it Component that is used in several screens for Example Screen1,Screen2,...
And in the Component I am navigating to a new Screen when ...
- 365
1
vote
0
answers
170
views
Swipe right from last screen to go to first screen in react navigation Material Top Tabs Navigator
I am trying to achieve a flow in react navigation Material Top Tabs Navigator.
I want to swipe right on last screen in Material Top Tabs Navigator to go to first screen in the navigator. Vice versa if ...
0
votes
1
answer
48
views
React Native - Navigation between nested screens
I have read the documentation regarding navigation between nested screens for react navigation version 5. However, I still keep running into an issue
Below is the code for my App.js
export default ...
1
vote
0
answers
133
views
Custom TabBarIcon hidden under DrawerNavigator - React Navigation v5
I am having this issue where a custom made TabBarIcon is not showing fully. I have read the docs, github to try and find a solution for this.
What I could make out was that nesting a ...
- 566
2
votes
1
answer
942
views
Update headerRight insdie my screen component
I am developing a react-native project.
I want to update my headerRight inside my screen component. Basically, I want to hide the header right button. I tried two options:
Option 1, directly update ...
- 6,039
0
votes
1
answer
942
views
How to include two buttons at headerLeft position?
I have been trying to include two icon buttons at headerLeft position but only one icon button appears at the position. I have mentioned my code below which has no errors. Using the code, I am unable ...
- 83
2
votes
1
answer
622
views
How to remove fullwidth tab in createMaterialTopTabNavigator
I'm having a hard time how to remove the fullwidth tab in createMaterialTopTabNavigator. I'm using this library https://reactnavigation.org/docs/material-top-tab-navigator/
Current output:
Expected ...
- 237
1
vote
1
answer
2k
views
Issue with React Navigation 5: Bottom tab navigator not rendering correctly showing a small box with a shadow
So Im using @react-navigation/bottom-tabs to create a simple bottom tab navigator between two screens and im getting this weird look:
emulator screenshot
Im using a very simple example, here's the ...
- 868
1
vote
2
answers
3k
views
BottomTabNavigator not appearing on bottom of screen
I have bee trying to implement BottomTabNavigator in my app. In the output, Bottom Tab is appearing at the top of the screen, not at the bottom.
Kindly help me in identifying the error.
App.js
import ...
- 83
1
vote
0
answers
1k
views
How to nest stack navigator, bottom tab navigator and drawer navigator?
I have been trying to nest stack navigator inside bottom tab navigator and which has been nested into drawer navigator. In terms of nesting, bottom tab navigator is at the top, then bottom tab ...
- 83
1
vote
0
answers
1k
views
Display a bottom sheet from react-native bottom-tabs
I want to display a bottom sheet on clicking the more option from the bottom tab bar option.
How can I implement such a bottom sheet as shown in the image above with different options to select and ...
- 269
0
votes
1
answer
342
views
nesting of BottomtabNavigator and DrawerNavigator
I have been trying to nest BottomTabNavigator and DrawerNavigator but has been unable to do so. I have written the code for drawer navigator in my App.js and has imported components Passenger from ...
- 83
0
votes
1
answer
372
views
React-native-Navigation-Stack Version && dependency error
can somebody help me with the navigation stack dependency error Ipackage.json file am very new to react tried so many dependencies but still getting the attached error
Terminal error
I am attaching ...
- 29