Open t1gu1 opened 4 months ago
Couldn't find version numbers for the following packages in the issue:
@react-navigation/native
Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.
Hey @t1gu1 I was wondering if you managed to find any solution. I am facing the same issue in one of my project and I struggle to find documentation. Thanks!
@anthoninCL No solution using the native header on web.
But my workaround for the moment is, for the web only, to disable the header. I let the user use the browser navigation and I add a title that will be only show on Web only.
Same issue
Current behavior
When using VoiceOver of any screenreader on web, when we start to move the screenreader in the screen, it finish the focus with the header. (Last element in the dom)
Expected behavior
Header should be the first element in the dom.
Here the link of the file to edit and changes that should be done:
scene
flexDirection: 'column-reverse',
Near L624 (You'll see how things are put in the dom)const
and if it is render on web display it on the top. Otherwise, display it on bottom.I found a related issue where it wxplain why we should keep the HeaderConfig at the end on IOS. https://github.com/software-mansion/react-native-screens/pull/1825#issuecomment-2174392085
Reproduction
Simply inspect the header. You'll see that is under the main content in the DOM.
https://snack.expo.dev/@stefan-5gpay/frowning-turkish-delight
Platform
Packages
Environment