Closed nikgraf closed 1 year ago
@mobily seems like it's an issue with react-native-web itself or react-navigation because I noticed it also happens on screens where stacks
is not used
Actually realized we used stacks more than I thought and all cases were stacks related.
For a horizontal stack I nailed down the issue to a broken flex-ba
sis setting.
This might be related: https://github.com/necolas/react-native-web/issues/1264
hello @nikgraf! π thanks for posting this issue, could you try with v2.1.0, please? also, if this still occurs, a repro repo would be helpful! π
@mobily still happening :(
sorry, don't have time to setup a full repro. we are using react-navigation and after switching between screens it sometimes happens. Could be something wrong with our setup
@nikgraf I replaced all instances of <Stack/>
and <Inline/>
with <Box/>
, and removed flex='content'. This seems to have solved the problem. Not ideal, but it works.
edit: it seems fixed now in the latest version
I was update react-native-web to latest version (0.18.1) and all works correctly now. But I don't know, can I upgrade RNW without Expo migration guide?
When switching to the page it looks like this:
When refreshing the page it looks like this (and this is how it supposed to be):
Code:
This seems like a general issue with the library. I also noticed it on other pages. Any ideas?