profile
viewpoint

Ask questionsTabs created via createMaterialTopTabNavigator do not switch on click, but change when swiped

Current Behavior

  • When having a tab navigation using createMaterialTopTabNavigator() only the first interaction with one tab does switch the content and the tab indicator. Any followed click on any unselected tab does not change anything. Swiping the content does work.
  • Screencapture (sorry for the bad quality): reactnavigationtabissue

Expected Behavior

  • When clicking an inactive tab, the content changes and the indicator is adjusted accordingly.

How to reproduce

  • checkout the reproducable project: https://github.com/FibreFoX/react-navigation-tab-click-issue
  • make sure to have a correct setup of Android SDK stuff (like a proper configured local.properties inside the android-folder)
  • just run the example on the android emulator (or real-device, does not matter) via react-native run-android
  • click both tabs, the second click does not result in changing the content

I used a release-candidate version of React Native, this might probably something which I totally have overlooked, or something with the new RN/React version.

Your Environment

software version
react-navigation 3.3.2
react-native 0.59.RC2
node 10.2.1
yarn 1.13.0
react-navigation/react-navigation

Answer questions ScreamZ

GEtting the same issue now…

useful!

Related questions

[Android] : Drawer does not close when clicking outside of container hot 3
Undefined is not an object (evaluating navigation.state.routes) TabNavigator + redux hot 3
activeTintColor changing text color but not icon color hot 2
NavigationScreenComponent can't be used anymore for SwitchNavigator hot 2
Is it possible to have header title when i am using TabNavigation? hot 2
React navigation with stack bottom tab navigator hot 2
React Navigation Tabs not Clickable with absolute position hot 2
createAppContainer s not a function hot 2
[Typescript] NavigationScreenProp is miss some property hot 2
Gradient Color For TabNavigator - react-navigation hot 2
Tab navigator slow in nested Stack Navigator hot 2
Events DidFocus, WillBlur and DidBlur not firing inside nested StackNavigator hot 2
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. hot 2
this.props.navigation.state.params is undefined hot 2
react-navigation-stack undefined is not an object (evaluating '_core.ThemeColors.light') hot 2
Github User Rank List