JSPM

react-native-smart-app-event-listener-enhance

1.1.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q27213F
  • License MIT

A AppEventListenerEnhance for React Native app which provides addEventListener functions that are safely cleaned up when the component unmounts

Package Exports

  • react-native-smart-app-event-listener-enhance

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-smart-app-event-listener-enhance) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-smart-app-event-listener-enhance

npm npm npm npm

A AppEventListenerEnhance for React Native app which provides addEventListener functions that are safely cleaned up when the component unmounts

Installation

npm install react-native-smart-app-event-listener-enhance --save

Full Demo

see ReactNativeComponentDemos

Usage

Install the AppEventListenerEnhance from npm with npm install react-native-smart-app-event-listener-enhance --save. Then, require it from your app's JavaScript files with import AppEventListenerEnhance from 'react-native-smart-app-event-listener-enhance'.

import React, {
    Component,
} from 'react'

import AppEventListenerEnhance from 'react-native-smart-app-event-listener-enhance'

class AppEventListenerEnhanceDemo extends Component {

    componentDidMount() {
        //you can use like this
        //this.addAppEventListener(
        //    this.props.navigator.navigationContext.addListener('didfocus', this._didFocus)
        //).addAppEventListener(
        //    this.props.navigator.navigationContext.addListener('didfocus', this._didFocus)
        //)

        //or you can use like this
        //this.addAppEventListener(
        //    this.props.navigator.navigationContext.addListener('didfocus', this._didFocus),
        //    this.props.navigator.navigationContext.addListener('didfocus', this._didFocus)
        //)

        this.addAppEventListener(
            this.props.navigator.navigationContext.addListener('didfocus', this._didFocus)
        )
    }

    render() {
        return null
    }

    _didFocus = () => {
        console.log(`didfocus`)
    }
}

export default AppEventListenerEnhance(AppEventListenerEnhanceDemo)