Im currently creating a tab navigator for an app, but everytime I press on one of my <Tab.Screen there is a ripple effect which I want to remove. <Tab.Navigator screenOptions={{ headerShown: false, tabBarStyle: styles.tabBar, tabBarShowLabel: false, }} > </Tab.Navigator> Thats…
I have a react native app and want to change the color of the seperator from my bottom tab navigator. Also can I set the background color somehow to transparent. Right now I set it to the same color as…
I'm currently following this article's tutorial from React Navigation, using these versions of their packages: "@react-navigation/bottom-tabs": "^6.5.20", "@react-navigation/native": "^6.1.17", They're imported (in addition to Ionicons used in my code below) as such: import { NavigationContainer } from '@react-navigation/native'; import {…
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) This error is located at: in BottomTabBar…
i am building react native application and i have 2 screens on my app right now. Home: import { StyleSheet, Text, View, Button } from 'react-native'; import {StackScreens} from '../routes/MyStack' import {NativeStackScreenProps} from '@react-navigation/native-stack' type homePropsType = NativeStackScreenProps<StackScreens, 'Home'>; export…
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="Screen1" component={Screen2}/> </Tab.Navigator> I want to pass a prop called prop1 that will be accessible in each screen. How do…
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…
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…