Author: Fantashit

Posted in Uncategorized

Using createMaterialTopTabNavigator (React Navigation v5) with position bottom making Tabs overlapped safe area.

Current Behavior: Using createMaterialTopTabNavigator with position set as bottom making Tabs overlapped safe area. Note: Doesn’t want to add Safe Area Provider to the top…

Continue Reading
Posted in Uncategorized

Images disappearing when deeply nested in Views in a screen that is nested in stacks

Current Behavior There is a limit Views you can use when you have a screen in a nested. You are not able to see Images…

Continue Reading
Posted in Uncategorized

getting “TypeError: Cannot read property ‘add’ of undefined” error on running jest

● Test suite failed to run TypeError: Cannot read property ‘add’ of undefined at Object.<anonymous> (node_modules/@react-navigation/stack/lib/commonjs/utils/conditional.tsx:3:7) at Object.<anonymous> (node_modules/@react-navigation/stack/lib/commonjs/TransitionConfigs/CardStyleInterpolators.tsx:3:1) Test Suites: 1 failed, 1 total…

Continue Reading
Posted in Uncategorized

`beforeRemove` event listener doesnt work with TabNavigator

Current Behavior Added listener to beforeRemove on tab navigator listeners AND useEfffect Navigate tabs No event fired <MainTab.Screen name=”Settings” component={SettingsScreen} listeners={{ beforeRemove: function (e) {…

Continue Reading
Posted in Uncategorized

Cannot style tab bar container’s parent.

Current Behavior I am building a bottom tab navigator with react-navigation. As you can see in the screen shot i have a borderTopLeftRadius & borderTopRightRadius…

Continue Reading
Posted in Uncategorized

Using Redux dev tools – “Couldn’t find a navigation context” – RN Typescript

I have a very basic RN+Typescript application with a Home – Detail stack navigation. I’m using redux to hold global app state. When I’m firing…

Continue Reading
Posted in Uncategorized

Navigating across nested navigators ‘freezes’ other navigation functions.

I have a Tab navigator that contains stack navigators Tab navigator contains Dashboard and explore screens with their own stack navigators. In explore you can…

Continue Reading
Posted in Uncategorized

Attempted import error: ‘shouldUseActivityState’ is not exported from ‘react-native-screens’.

After upgrading to “@react-navigation/bottom-tabs”: “^5.9.2”, “@react-navigation/drawer”: “^5.9.3”, “@react-navigation/native”: “^5.7.6”, “@react-navigation/stack”: “^5.9.3”, There are warnings after building, for an expo managed flow SDK 39, env setup…

Continue Reading
Posted in Uncategorized

High CPU usage with drawerPosition set to “right”

Current Behavior Xcode’s profiler reports over 120%% CPU usage when drawerPosition is set to ‘right’ on createDrawerNavigator, resulting in extensive battery drain. When removing this…

Continue Reading
Posted in Uncategorized

Bottom tabs are too low on iPhone 12 Series phones

Current Behavior Bottom Tabs are below iPhone Swipe Indicator on iPhone 12 Series (tested on iPhone 12, 12 Pro, 12 Pro Max simulators in Xcode…

Continue Reading