androidreact-nativeexporeact-navigation-v6

Screens don't render on material bottom tab navigator since upgrading to Expo SDK 43


I have an expo project which was SDK v42 and everything has been working fine and the app is currently in production. However, after upgrading to expo SDK 43, Stack navigators that are passed on the Material bottom tab are not rendered and only shows a blank screen. I have made a dummy project with the following github repo: https://github.com/kamrul91111/sdk,

enter image description here

enter image description here

The screens in the Stack Navigator passed to the material bottom tab navigator work the first time, but when I go to another screen on the bottom tab and come back, the screens aren't rendered anymore.

This issue can be fixed by downgrading to expo v42 or just using Bottom Tab Navigator instead of the material bottom tab navigator. What's the issue here? How can this be fixed?


Solution

  • if you haven't figured it out yet, this bug has apparently been fixed if you upgrade to react-native >0.65.0 (I haven't personally tested this yet though)

    There is also a simple fix if you don't want to upgrade: software-mansion/react-native-screens#1197 (comment)

    Basically just wrap your stack navigator with <View style={{flex: 1}} collapsable={false}>