question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Back button subivew is not yet Fabric compatible in react-native-screens

See original GitHub issue

Description

<Stack.Screen
   headerLeft: () => (
     <Button
       onPress={() => navigation.navigate(Screen.Settings)}
       title="Info"
     />
     ),
   })}
/>

Steps to reproduce

  1. Add headerLeft option to any screen and it will trigger an error in the console.
Screenshot 2022-08-18 at 18 07 29

Snack or a link to a repository

Screens version

3.15.0

React Native version

0.69.4

Platforms

iOS

JavaScript runtime

No response

Workflow

No response

Architecture

No response

Build type

No response

Device

No response

Device model

No response

Acknowledgements

Yes

Issue Analytics

  • State:open
  • Created a year ago
  • Reactions:4
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
kkafarcommented, Oct 11, 2022

@myou11, I remember that I encountered some issues with Fabric view-flattening while I was trying to resolve this issue and moved to other stuff. I won’t give you any specifics, but I did not forgot about this issue and will be back on it before 3.19.0.

1reaction
kkafarcommented, Aug 19, 2022

Hi @endlessl8p, I’m aware of this missing feature, it will be added soon and released most likely with 3.17.0. Thank you for reporting.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Introducing Fabric to react-native-screens - Software Mansion
Today, we are publishing the first version of react-native-screens library that is compatible with Fabric. It is not only the first Fabric-compatible ......
Read more >
React Native WebView back button on multiple webviews not ...
In each screen, I have back button mapped to call webviewRef.current.goBack() just like below. useEffect(() => { const handleBackButtonPress = () ...
Read more >
react-native-screens: Versions - Openbase
Important: Since this version, Fabric is only supported for React Native 0.70+. Support for older versions has beed dropped. See #1594. Bug fixes....
Read more >
Readme - react-native-screens - npm
On Android the View state is not persisted consistently across Activity restarts, which can lead to crashes in those cases. It is recommended...
Read more >
react-native-codegen | Yarn - Package Manager
Do not upgrade to AGP 7.1 as it is not supported by this version of react-native. ... New Architecture. If you are interested...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found