I am getting the above error. I am quite a aware it is an issue with my nested navigation, however I have looked through a lot of questions as well as the official documentation and I have not been able…
I would like to remove the icons from the Bottom Tab Navigator, I've tried using the tabBarShowIcon flag with both true and false but it doesn't seem to work. Editor tells me that this property doesn't exist. Can you tell…
When I use a component function as shown below, I'm able to access data passed through navigation.navigate("NavigateToScreen", {data: {}}) function in the following: import { useNavigation } from '@react-navigation/native'; export default function ScreenName(props) { const data = props.route.params.data; const navigation…
I try to create and use an animated hamburger menu icon instead of already made icons for my Navbar component `const menu = document.querySelector('.menu_button'); const showMenu = document.querySelector('.mobile-nav'); let menuOpen = false; console.log(menu); menu.addEventListener('click', () => { if(!menuOpen){ menu.classList.add('close'); showMenu.classList.add('open');…
I am using expo-router in my React Native expo app, and my files are ├── app │ ├── (main) │ └── _layout.js │ └── _foo.js │ └── _bar.js layout.js import { Tabs } from "expo-router"; import { SafeAreaProvider } from…
I'm new to React Native. I have to make an app for the WordPress backend. I've four items in DrawerNavigaton, Home and Categories, PostPage and Category screens. <NavigationContainer> <Drawer.Navigator> <Drawer.Screen name="Home" component={Home}/> <Drawer.Screen name='Categories' component={Categories} <Drawer.Screen name="PostPage" component={PostPage}/> <Drawer.Screen name='Category'…
I currently have the following structure for my app: (Stack) Launch (Stack) App (Tabs) Home (Stack) Discussions (Stack) … Inside the discussion stack I have a screen (Chat) where I'd like to remove the tabbar. From what I understood in…
I'm building this beginner react-native application that lists down its ongoing tasks and also allows users to delete and see the deleted tasks when needed. I was already able to show each task in one screen but I can't figure…
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 problem is that the tab navigator is covering…
When i try passing the params to my review screen it comes up undefined. I'm using "@react-navigation/native": "^6.1.3" and "@react-navigation/stack": "^6.3.12" App.js import 'react-native-gesture-handler'; import { StyleSheet, Text, View, Button, TouchableOpacity, FlatList } from 'react-native'; import {NavigationContainer} from '@react-navigation/native'; import…