All Questions
19 questions
0
votes
1
answer
38
views
TypeScript Error: { route }: HomeScreenProps is not assignable to ScreenComponentType<ParamListBase, "Home">
I'm working on a React Native project with TypeScript, and I'm encountering an issue while setting up a BottomTabNavigator using React Navigation. Here is the relevant part of my code:
import { ...
0
votes
2
answers
493
views
React native quiting because of CMake and Ninja
I am trying to build an app using react native. Whenever I install React-native-navigation and all its dependencies, I keep getting some errors. This is the latest error I got due to my installation.
...
- 11
0
votes
2
answers
2k
views
How do you change active tab color using Tab.Navigator screenOptions?
I am using React Native, specifically createMaterialTopTabNavigator from React Navigation. I want the tabs to work so that when you press on a tab, it turns a purple color while the other inactive ...
- 11
1
vote
2
answers
3k
views
React Native - Header Back Button in a Bottom Tab Navigator
Basically I am trying to add a simple back arrow button to the header for the Signup component / screen in my app, similar to the one seen in the image below (https://i.sstatic.net/zTwKp.png)
However,...
0
votes
1
answer
53
views
How to disable orientation React Native 0.61.5 App
I'm trying to prevent the application'ss rotation because when its rotated the app will restart all over. So my goal is disabling the rotation process. I tried lots of solutions but none of them ...
- 141
0
votes
2
answers
2k
views
How to find out what Stack you are in in React Native using react-navigation whatever screen you are in in your react native project?
I am currently using React Native for the first time and I am trying to render a component in a particular screen depending on the parent stack I am in as the particular screen is reused across ...
- 11
0
votes
0
answers
89
views
What is the right way to implement a screen showing details from a list in React Native?
So I am working on my first project in React native, which is based on the following mockup: https://ibb.co/PZJ43vz/.
I use a drawer navigation for the 'Assets' and 'Bookings'. In each one of these ...
- 187
0
votes
1
answer
917
views
How to pass a paramater multiple times through React-Navigation in React-Native?
function A() {
const [levels, setLevels] = React.useState(null);
// upon the component mount, we call the database.
React.useEffect(() => {
database()
.ref()
.once("...
- 41
0
votes
0
answers
136
views
React-Navigation header icons touching android statusbar
I am currently trying to make the statusbar transparent and it's working absolutely perfect on iOS but on Android, the react-navigation header is going behind it and thus making the title and left/...
- 838
22
votes
4
answers
8k
views
React Native header / bottom tabbar jumping on first app load
I have a single application which includes only navigation packages. On IOS, all is fine but on Android, header and/or bottom tabbar seems like jumping (maybe recalculating their positions). This ...
- 359
1
vote
1
answer
1k
views
How to get the react navigator state outside the root react navigator?
This is the thing:
I have a react-native application on mobile, and I'm trying to do some authority check action when the user has left my app and get back. I want to avoid doing an authority check on ...
- 85
7
votes
1
answer
1k
views
How to implement an application-wide search bar?
It seems to be a pretty common task to have an application-wide search bar in the header. Unfortunately, I haven't found some ready recipes on how to accomplish it the right way. My solution was to ...
- 8,987
2
votes
0
answers
477
views
React Native - React Navigation Drawer How to make a drawer inside drawer ? (Double Menu)
I'm looking a way to make a drawer inside a drawer like a double menu. Here is what I want to make it.
https://dribbble.com/shots/2139038-Double-menu
const drawerNavigatorConfig = {
drawerType: "...
- 879
0
votes
1
answer
2k
views
Remove the navigation header from the react-native screen - stack navigation
I have a screen which has tab-bar navigation where each screen is of type stack navigation with a couple of screens defined in each. When I navigate from FamilyMembers to SingleContact screen I don't ...
- 381
2
votes
1
answer
1k
views
react-navigation withNavigation returns undefined
In my react-native app, I have a component for my header with back button. It works except for when I click the back button and it gives me this error: undefined is not an object (evaluating this....
- 790