I have a screen with the following: function Intereset ({ navigation }) { function ReturnMyFunction () { if (!var.length) { return ( <NoILikes /> ) } else { return ( <FlatList data={Ilike} keyExtractor={item => item._id} ItemSeparatorComponent={() => <Divider />} renderItem={UserRow}…
Would anyone be able to give me help regarding React Navigation with Expo? The issue is with the drawer component where the 'Hamburger' icon isn't opening or closing the component when a user presses the icon. However, it does open/close…
I am a newbie at react-native and I am facing some issues in the react-native app, after installing 'react-navigation', everything is mentioned in the images. Hope you can help me. Have a good day. App.js file MainActivity.java Package.json Terminal-issue Node-cli
I set up the react-native app with react-native-web. In this app I need to have navigation, so I added react-navigation/native package according to the getting started guide. In mobile platforms everything works well, but in browser navigation doesn't work as…
as per requirement I need to stop the user to go back on some of the validation, through the device back now I stopped but how can I stop when the user clicks on the status bar back icon... plz…
I have a react native application and in the application, I am trying to call Feather from react-native-vector-icons. When i make the call, I get the following error: [Unhandled promise rejection: Error: Directory for 'file:///Users/omarjandali/Library/Developer/CoreSimulator/Devices/B09B927C-6596-4403-B931-0C83395BA279/data/Containers/Data/Application/5F76B516-64FE-45C5-8F6D-FA6448DC62BB/Library/Caches/ExponentExperienceData/%2540ohmarj%252Fryppe/ExponentAsset-a76d309774d33d9856f650bed4292a23.ttf' doesn't exist. Please make sure…
App.js (Login) import * as React from 'react'; import {useState} from 'react'; import { Text, StyleSheet, KeyboardAvoidingView, ScrollView, Image, TextInput, TouchableOpacity, View } from 'react-native'; import { CheckBox } from 'react-native-elements'; import {Ionicons} from '@expo/vector-icons' import {statusBar01} from './src/statusBar'; const…
This is my Navigation import React from 'react' import { NavigationContainer } from '@react-navigation/native' import { createNativeStackNavigator } from '@react-navigation/native-stack' import { Login } from '../views/Login' import { Home } from '../views/modules/Home' const Stack = createNativeStackNavigator(); const Navigation = ()…
I'm following the guide from https://reactnavigation.org/docs/bottom-tab-navigator/ import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'; const Tab = createBottomTabNavigator(); function MyTabs() { return ( <Tab.Navigator initialRouteName="Feed" screenOptions={{ tabBarActiveTintColor: '#e91e63', }} > <Tab.Screen name="Feed" component={Feed} options={{ tabBarLabel: 'Home', tabBarIcon: ({…
Platform: React Native (Expo) I want to get my params to a new screen using class-based components and React Navigation 6.0. This is how I am sending the params: this.props.navigation.navigate("BlogDetails", { blogID: item.ID }); and this is how I'm retrieving…