Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
react-navigation-backhandler
Advanced tools
Readme
Easily handle Android back button behavior with React-Navigation.
NOTE use version 1 of this package for
react-navigation
version 4 and loweruse version 2 of this package for
react-navigation
version 5
Install with npm:
$ npm install react-navigation-backhandler
Install with yarn:
$ yarn add react-navigation-backhandler
The following snippet demonstrates the usage. Note that onBackButtonPressAndroid
will only be called if SomeComponent
is placed in a screen that is focused (the one user is directly interacting with).
Behind the scenes, the onBackButtonPressAndroid
handler is registered before a screen is focused, and unregistered before going away from it, leaving you with a declarative interface to interact with. Internally, this package uses apis that are provided by react-navigation
.
You may use useAndroidBackHandler
or AndroidBackHandler
component anywhere in your app's React tree, it does not need to be placed directly in the screen component.
There are two ways of using this library:
import { useAndroidBackHandler } from "react-navigation-backhandler";
const SomeComponent = () => {
useAndroidBackHandler(() => {
/*
* Returning `true` denotes that we have handled the event,
* and react-navigation's lister will not get called, thus not popping the screen.
*
* Returning `false` will cause the event to bubble up and react-navigation's listener will pop the screen.
* */
if (youWantToHandleTheBackButtonPress) {
// do something
return true;
}
return false;
});
return <BodyOfYourScreen />;
};
Note: You can also use the component "inline" without children:
<AndroidBackHandler onBackPress={this.onBackButtonPressAndroid} />
import { AndroidBackHandler } from "react-navigation-backhandler";
class SomeComponent extends React.Component {
onBackButtonPressAndroid = () => {
/*
* Returning `true` from `onBackButtonPressAndroid` denotes that we have handled the event,
* and react-navigation's lister will not get called, thus not popping the screen.
*
* Returning `false` will cause the event to bubble up and react-navigation's listener will pop the screen.
* */
if (youWantToHandleTheBackButtonPress) {
// do something
return true;
}
return false;
};
render() {
return (
<AndroidBackHandler onBackPress={this.onBackButtonPressAndroid}>
<BodyOfYourScreen />
</AndroidBackHandler>
);
}
}
The package was only tested to be used in screens in stack navigator, other use cases may not work.
FAQs
Easily handle Android back button with react-navigation
The npm package react-navigation-backhandler receives a total of 3,805 weekly downloads. As such, react-navigation-backhandler popularity was classified as popular.
We found that react-navigation-backhandler demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.