Nonconformist Propaganda Machine

    react-native-in-app-message
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.32 • Public • Published

    React Native in-app notifications.

    onDragEvent exampleforce touch example

    • Compatible with iPhone X, XR, XS, XS Max.
    • Allows you to use your own components.
    • Swipeable
    • Force Touch support
    • Taptic Engine feedback support
    • onDrag gesture event support

    Installation

    • Run npm install react-native-in-app-message
    • Run react-native link react-native-in-app-message - required for iOS
    • Run npm install react-native-gesture-handler and follow the linking guide. Required for both platforms

    Usage

    import {Notification} from "react-native-in-app-message";
     
    ...
    this.ref.current?.show();
    ...
     
    //It's important to declare Notification component next to root component
    //otherwise component will be shown inside the navigator
    render() {
        return (
          <React.Fragment>
            <AppNavigator/>
            <Notification text={'Hello world'} ref={this.ref} />
          </React.Fragment>
        )
      }

    There is an example of usage

    Methods

    • show()
    • hide()

    Props

    • blurType - must be one of 'xlight' | 'light' | 'dark'. iOS Only
    • blurAmount - number. iOS Only
    • tapticFeedback - boolean. iOS 10 and upper
    • showKnob - boolean. iOS Only
    • duration - number
    • autohide - boolean
    • hideStatusBar - boolean
    • text - string. The text for the message. Required if customComponent is not used.
    • textColor - string.
    • customComponent - ReactNode.
    • onPress - () => void.
    • onDragGestureEvent - (event: PanGestureHandlerGestureEvent) => void.
    • onDragGestureHandlerStateChange - (event: PanGestureHandlerGestureEvent) => void.
    • onForceTouchGestureEvent - (event: ForceTouchGestureHandlerGestureEvent) => void. iOS Only and iPhone 6s and upper
    • onForceTouchHandlerStateChange - (event: ForceTouchGestureHandlerStateChangeEvent) => void. iOS Only and iPhone 6s and upper
    • useForceTouch - boolean. iOS Only and iPhone 6s and upper (default - false)

    Modules

    • Notification import {Notification} from "react-native-in-app-message";
    • Blur import {Blur} from "react-native-in-app-message";
    • TapticFeedback import {TapticFeedback} from "react-native-in-app-message";

      Usage: TapticFeedback.impact();

    Install

    npm i react-native-in-app-message@1.0.32

    Version

    1.0.32

    License

    ISC

    Unpacked Size

    36.9 kB

    Total Files

    25

    Last publish

    Collaborators

    • kirillgudkov