react-navigation Questions

React native – How to set different indicator colors for active and inactive tabs in Material Top Tabs Navigator 6.x of react-navigation/native?

July 30, 2024
Takodana
2 Answers

I'm using Material Top Tabs Navigator from React Navigation. Here's an example: import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'; const Tab = createMaterialTopTabNavigator(); function MyTabs() { return ( <Tab.Navigator> <Tab.Screen name="Chat" component={ChatScreen} /> <Tab.Screen name="Contacts" component={ContactsScreen} /> <Tab.Screen name="Albums" component={AlbumsScreen} />…

VIEW QUESTION

React native – Receiving A Message That I'm Attempting to Nest Navigators When I Try To Do Firebase Auth on React Navigation

July 12, 2024
Jowens4954
2 Answers

I'm receiving the message that says if it's intentional, use "independent = {true}. I'm still pretty new at this, so any sort of help would be greatly appreciated Here is my App. js code: import { NavigationContainer } from '@react-navigation/native';…

VIEW QUESTION

React native – Deep Links not always working on Android w/React-Native

May 24, 2024
scgough
2 Answers

I have deep links set up on a React-Native app. iOS works fine. On Android, if the app is already in the background the deep link works. However, if the app is booting up fresh, the deep link opens the…

VIEW QUESTION

React native – ERROR Error: Exception in HostObject::get for prop 'RNSModule': java.lang.UnsatisfiedLinkError:

May 24, 2024
user24305427
2 Answers

ERROR Error: Exception in HostObject::get for prop 'RNSModule': java.lang.UnsatisfiedLinkError: dalvik.system.PathClassLoader[DexPathList[[zip file "/data/app/com.mobileshopsten-IcVyHbRbrXxvgT_ZScpMUg==/base.apk"],nativeLibraryDirectories=[/data/app/com.mobileshopsten-IcVyHbRbrXxvgT_ZScpMUg==/lib/arm64, /data/app/com.mobileshopsten-IcVyHbRbrXxvgT_ZScpMUg==/base.apk!/lib/arm64-v8a, /system/lib64, /vendor/lib64]]] couldn't find "librnscreens.so", js engine: hermes LOG Running "MobileShopsTen" with {"rootTag":241} ERROR Invariant Violation: "MobileShopsTen" has not been registered. This can happen if: Metro (the…

VIEW QUESTION

React native – How can I refresh FlatList from pressing bottom bar tab?

May 1, 2024
Forium
2 Answers

I'm not able to find a correct way to refresh a FlatList when bottom bar tab is pressed and that we are at the top of the FlatList. I did succeed to reach the top of the FlatList using useScrollToTop,…

VIEW QUESTION

React native – Argument of type '[never, { email: string; password: string; }]' is not assignable to parameter of type 'never'

April 19, 2024
Sveti Drogaria
2 Answers

I am working with expo and React Native, trying to push props to other screens using navigation. The code compiles and pushes the props, but I get this error when passing the props as a second argument to the navigation.navigate()…

VIEW QUESTION

React native – How to type useNavigation with nested navigators in React Navigation?

April 10, 2024
digitalnomad21
2 Answers

I have a triple nested stack navigator in my bare bone React Native application with @react-navigation/native v6. Despite many attempts, I fail to properly type the useNavigation hook. It is functional, but I cannot get rid of typescript complaints. RootNavigator…

VIEW QUESTION

React native – Expo Snack app based on @react-navigation/native works on its Web variant but it crashes as it is started both on its Android and on its iOS variants

I've been trying to write React Native apps on Expo's Snack Web interface. Here's the code I've been playing with [2]. It runs smoothly on its Web incarnation but as I choose its Android or iOS variants, the same error…

VIEW QUESTION

React Native navigation route to a screen that is not listed in the navigation bar?

March 26, 2024
heesel
2 Answers

I want to route to a screen named Chat through my flat list. I tried the useNavigation() but I get ERROR: The action 'NAVIGATE' with payload {"name":"Chat","params":{"id":3}} was not handled by any navigator. on Expo. I also tried wrapping it…

VIEW QUESTION

React native – ERROR TypeError: buildLink is not a function (it is Object)

March 13, 2024
Chamidi Perera
2 Answers

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…

VIEW QUESTION

Page 1
Page 2
Page 3
Page 4
…
Page 12
Next