You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: versioned_docs/version-8.x/upgrading-from-7.x.md
+26Lines changed: 26 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -469,6 +469,7 @@ These were a source of significant maintenance burden. So we're working on alter
469
469
Now they have been replaced with a new `inactiveBehavior` screen option available in all navigators. It supports the following values:
470
470
471
471
-`pause`: Effects are cleaned up - e.g. timers are cleared, subscriptions are removed, etc. This avoids unnecessary renders when the screen is inactive.
472
+
-`unmount`: The screen is unmounted when inactive and remounted when it becomes active again. Only available in [Stack](stack-navigator.md) and [Native Stack](native-stack-navigator.md).
472
473
-`none`: Screen renders normally.
473
474
474
475
It defaults to `pause`.
@@ -626,6 +627,12 @@ See [Drawer Navigator](drawer-navigator.md) for more details.
626
627
627
628
### Miscellaneous
628
629
630
+
#### Unfocused screens on Web now use `inert` attribute
631
+
632
+
Previously, unfocused screens on the Web were hidden from assistive technologies using `aria-hidden`, but they could still receive focus and keyboard interaction unless hidden with `display: none`. While most navigators used `display: none` on the Web to hide unfocused screens, it wasn't possible for some navigators such as [Material Top Tabs](material-top-tab-navigator.md) because it won't play well with animations and swipe gesture, or when using `presentation: 'transparentModal'` in [Stack Navigator](stack-navigator.md#presentation) as the screen needs to be visible to show the content underneath.
633
+
634
+
Now all navigators use the [`inert`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert) attribute on the Web to make unfocused screens non-interactive and hidden from assistive technologies without affecting their visibility.
635
+
629
636
#### Various deprecated APIs have been removed
630
637
631
638
The following API that were marked as deprecated in React Navigation 7 have been removed:
@@ -1120,6 +1127,25 @@ These themes use platform colors to provide dynamic colors that adapt to the use
1120
1127
1121
1128
See [Themes](themes.md#built-in-themes) for more details.
1122
1129
1130
+
### `UNSTABLE_CornerInset` component for iPadOS windowed mode
1131
+
1132
+
A new `UNSTABLE_CornerInset` component has been added to handle the traffic light buttons (close, minimize, maximize) overlap in iPadOS windowed mode. It renders a spacer with the width or height of the traffic light area based on the content direction and the specified edge:
0 commit comments