All Questions
64 questions
1
vote
0
answers
36
views
react navigation initialRouteName not working due to state change
I have a page manager component like so:
const Tab = createMaterialTopTabNavigator<ContentNavigationParamList>();
export default function PagesManager() {
let contentState = ...
0
votes
3
answers
1k
views
ERROR TypeError: buildLink is not a function (it is Object)
I installed react native navigation. My stack navigator used to work properly until I install tab navigation. And now it gives this error
ERROR TypeError: buildLink is not a function (it is Object)
...
1
vote
0
answers
67
views
How to navigate to a different screen stack in a tab navigator in react navigation v6
I have a buttom tab navigator which has a add screen and with a tab icon component. I the tab icon component has three button. I want to navigate to a different screen when i click on the button, but ...
0
votes
1
answer
60
views
React Navigation v6: How do you pass arbitrary props to Tab Navigator?
I have the following Tab Navigator in my React Native app, using React Navigation v6:
<Tab.Navigator>
<Tab.Screen name="Screen1" component={Screen1}/>
<Tab.Screen name=&...
1
vote
2
answers
3k
views
React Navigation v6: best way to pass additional props to screen?
In the docs for React Navigation v6, in the Passing Additional Props section it says Sometimes we might want to pass additional props to a screen. We can do that with 2 approaches and the first ...
0
votes
1
answer
34
views
React-Native, can't navigate from Login to Home and viceversa
I'm trying to learn React-Native and have many difficulties. I am posting the code below:
App.js
import React from "react";
import { NavigationContainer } from "@react-navigation/native&...
5
votes
1
answer
4k
views
Expo-Router Tab Navigator, missing page transition and missing back button
In my Expo app using expo-router, there should be 3 screens:
Home
Settings
User
and 2 tabs
Home
Settings
This is my current file structure
app
├── (main)
│ ├── _layout.js
│ ├── home.js
│ ├── ...
0
votes
1
answer
402
views
Multiple headers in react native tabnavigation
I've just started getting a grip of react navigation and I followed a great tutorial on medium about Integrating the different navigation types. All works fine except I've gotten multiple headers. I'm ...
0
votes
1
answer
107
views
How do I programatically go from one tab to another tab in react native tab navigator?
import * as React from 'react';
import { Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/...
1
vote
2
answers
2k
views
Bottom tab bar navigation covering and hiding background image. Image gets cut by the bar
The app is developed with react-native and expo.
I have this simple layout and structure:
A navigator js file with bottom-tab-bar navigation, that directs to pages, and is imported to App.js
The ...
1
vote
0
answers
98
views
Nesting tab and stack navigation in React Native causes one of the screens to rerender every time a state hook is updated
I'm developing a project with React Native and I've been stuck for a while now.
One of the project screens ("ListArray") contains a list of items which can be pressed and saved to a Context ...
2
votes
1
answer
57
views
When I am navigating from other screen my footer tab is hiding
When I am navigating from other screen to home screen then my footer tab is hiding .
I have to fic tis , my Bottom Tab Navigator should not hide if I navigate form any screen.
When screen reload then ...
1
vote
1
answer
573
views
Tab bottom navigation react native
I new in react-native and junior developer.
I'm using react-native v0.70.6
@react-navigation/stack and @react-navigation/bottom-tabs.
My tab bottom component looks like this:
<Tab.Navigator
...
0
votes
3
answers
166
views
REACT NATIVE QUESTION TypeError: undefined is not an object (evaluating 'navigation.navigate') ...,
App.js (Login)
import * as React from 'react';
import {useState} from 'react';
import { Text, StyleSheet,
KeyboardAvoidingView, ScrollView, Image,
TextInput, TouchableOpacity, ...
8
votes
2
answers
2k
views
ReactNative Horizontal ScrollView within material-top-tabs (nested ScrollView)
I am currently trying to position a horizontal ScrollView within the content of the react-navigaion material-top-tabs (which also scrolls horizontally).
The expected behavior:
When dragging within the ...