Routing and navigation for your React Native apps
Published by satya164 over 1 year ago
Check cardStyleInterpolator name to allow for custom animation as well (#11209) (c733ad5), closes /github.com/react-navigation/react-navigation/blob/main/packages/stack/src/TransitionConfigs/CardStyleInterpolators.tsx#L93 /github.com/react-navigation/react-navigation/blob/main/packages/stack/src/views/Stack/Card.tsx#L580 - by @drager
fix checking for modal presentation in stack (639d6c8) - by @satya164
refactor!: drop support for key property in navigate (61c53bb) - by @satya164
key
to navigate to, e.g.navigation.navigate({ key: 'someuniquekey' })
. It's problematic since key
is an internalIn addition, we have already added a better API (getId
) which can be used for similar use
cases - and gives users full control since they provide the ID and it's not autogenerated by the
library.
So this change removes the key
option from the navigate
action.
Published by satya164 over 1 year ago
fix type of setOptions and mark data passed to callbacks as Readonly (6655c66) - by @satya164
remove defaultScreenOptions from default navigator options (6267952) - by @satya164
support dispatching action to child without 'navigationInChildEnabled' if 'target' is specified (debd620) - by @satya164
fix!: align onReady callback and navigationRef.isReady (1959baa) - by @satya164
feat!: add popTo
method for stack and remove going back behaviour of (c9c2163) - by @satya164
refactor!: drop support for key property in navigate (61c53bb) - by @satya164
onReady
prop and navigationRef.isReady()
work slightlyonReady
callback fired when NavigationContainer
finishes mounting and deep links is resolved.navigationRef.isReady()
method additionally checks if there are any navigators rendered - which may not be true
if the user is rendering their navigators conditionally inside aNavigationContainer
.This changes onReady
to work similar to navigationRef.isReady()
. The onReady
callback will now fire only when there are navigators rendered - reflecting the value of
navigationRef.isReady()
.
navigate
method navigated back if the screenThis removes the going back behavior from navigate
and adds a new method
popTo
to go back to a specific screen in the stack.
The methods now behave as follows:
navigate(screenName)
will stay on the current screen if the screen ispopTo(screenName)
will go back to the screen if it exists in the stack,navigate
, you can use the getId
key
to navigate to, e.g.navigation.navigate({ key: 'someuniquekey' })
. It's problematic since key
is an internalIn addition, we have already added a better API (getId
) which can be used for similar use
cases - and gives users full control since they provide the ID and it's not autogenerated by the
library.
So this change removes the key
option from the navigate
action.
Published by satya164 over 1 year ago
drop react-native-flipper-plugin (643b8e8), closes /github.com/react-native-community/discussions-and-proposals/discussions/546#discussioncomment-4178951 - by @satya164
refactor!: improve the API for Link component (7f35837) - by @satya164
Link
component was designed to work with path strings via the to
prop. But it has few issues:This revamps the API of the Link
component to make it easier to use. Instead of to
prop, it now accepts screen
and params
props, as well as an optional href
prop to
use instead of the generated path.
e.g.:
<Link screen="Details" params={{ foo: 42 }}>Go to Details</Link>
This also drops the useLinkTo
hook and consolidates into the useLinkTools
hook - which lets us build a href
for a screen or action for a path.
Published by satya164 over 1 year ago
Link
component was designed to work with path strings via the to
prop. But it has few issues:This revamps the API of the Link
component to make it easier to use. Instead of to
prop, it now accepts screen
and params
props, as well as an optional href
prop to
use instead of the generated path.
e.g.:
<Link screen="Details" params={{ foo: 42 }}>Go to Details</Link>
This also drops the useLinkTo
hook and consolidates into the useLinkTools
hook - which lets us build a href
for a screen or action for a path.
Published by satya164 over 1 year ago
fix headerBackVisible type annotation (#11220) (d18936a) - by @Vin-Xi
make headerBackground visible with transparent header (#11109) (2b1e8dc) - by @yhkaplan
refactor!: improve the API for Link component (7f35837) - by @satya164
Link
component was designed to work with path strings via the to
prop. But it has few issues:This revamps the API of the Link
component to make it easier to use. Instead of to
prop, it now accepts screen
and params
props, as well as an optional href
prop to
use instead of the generated path.
e.g.:
<Link screen="Details" params={{ foo: 42 }}>Go to Details</Link>
This also drops the useLinkTo
hook and consolidates into the useLinkTools
hook - which lets us build a href
for a screen or action for a path.
Published by satya164 over 1 year ago
handle merge: true with NAVIGATION_DEPRECATED in TabRouter (e5cf73d) - by @satya164
feat!: add popTo
method for stack and remove going back behaviour of (c9c2163) - by @satya164
refactor!: drop support for key property in navigate (61c53bb) - by @satya164
navigate
method navigated back if the screenThis removes the going back behavior from navigate
and adds a new method
popTo
to go back to a specific screen in the stack.
The methods now behave as follows:
navigate(screenName)
will stay on the current screen if the screen ispopTo(screenName)
will go back to the screen if it exists in the stack,navigate
, you can use the getId
key
to navigate to, e.g.navigation.navigate({ key: 'someuniquekey' })
. It's problematic since key
is an internalIn addition, we have already added a better API (getId
) which can be used for similar use
cases - and gives users full control since they provide the ID and it's not autogenerated by the
library.
So this change removes the key
option from the navigate
action.
Published by satya164 over 1 year ago
Published by satya164 over 1 year ago
android_ripple
config in TabView (#11203) (15939d8), closes #11198 - by @okwasniewskiresolutions
or npm's overrides
feature.Published by satya164 over 1 year ago
Published by satya164 over 1 year ago
Published by satya164 over 1 year ago
Note: Version bump only for package @react-navigation/elements
Published by satya164 over 1 year ago
Published by satya164 over 1 year ago
Published by satya164 over 1 year ago
Note: Version bump only for package @react-navigation/bottom-tabs
Published by satya164 over 1 year ago
Published by satya164 over 1 year ago
Published by satya164 over 1 year ago
Published by satya164 over 1 year ago