CODEWITHSUNDEEP
androidreact-nativeexporeact-navigation-v6
Md. Kamrul Islam
Md. Kamrul Islam

Reputation: 39

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?

Upvotes: 1

Views: 883

Answers (2)

Juan Jose Mayorga
Juan Jose Mayorga

Reputation: 61

what worked for me was passing the property sceneAnimationEnabled={false} to the Navigator, looks like it could be a problem with the animation when switching between screens

<BottomTab.Navigator sceneAnimationEnabled={false}>

Upvotes: 1

Gurgu
Gurgu

Reputation: 46

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}>

Upvotes: 3

Related Questions