kirillgudkov/react-native-in-app-message

React Native in-app notification component

react-native-in-app-message's Issues

Support For Left/Right Swipe!!

Hello @KirillGudkov thank you for this awesome package but it is possible to add swipe-based gestures like Left Gesture and right gesture

Warning: Require cycle

I'm getting the following warning:

Require cycle: node_modules/react-native-in-app-message/index.js -> node_modules/react-native-in-app-message/src/Noification/index.js -> node_modules/react-native-in-app-message/src/Noification/Notification.android.js -> node_modules/react-native-in-app-message/src/Noification/NotificationBase.js -> node_modules/react-native-in-app-message/index.js
Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.

onHide does not work

hello in the latest react native version onHide method is not hiding notifications it keeps bringing back old notification 0.66

Using customComponent, other button's onPress does not work.

when I use customComponent, I modify some button to do various actions, but just onPress of Notification is done.
I commented onPress, so click on sample buttons (in notification) caused crash due to undefined function.
how ca I handle it?

how to change the text dynamically ?

how to change the text dynamicly ?

console.log(this.notification)
this.notification.props.text = "Somethin else"

then calling .show() shows the initial value not the changed value

Change the root container

Hi!

Trying out your in app messages and they work great!
One question though, would it be possible to add a feature so we can customize the entire notification, like the root container? Right now the custom component is pretty locked to cover 90ish% of the screen etc and we would like to have some messages being quiet small.

The androidStyle.container and androidStyle.content, same for IOS.

<TouchableOpacity style={androidStyle.container} activeOpacity={1} onPress={onPress}>
	<View style={androidStyle.content}>
		{customComponent ? this.renderCustomComponent() : this.renderOwnComponent()}
	</View>
</TouchableOpacity>

Custom component code used in gifs

Can you share the custom component code used in the readme gifs?
They look great.

Not Compatible with react native >= 0.60

Cannot compile on iOS with react native 0.61

How to use in side a functional component

Hey, how would I would use this inside a functional component instead of class component, I am new to this but I guess I cant access this in a functional component and don't understand how to access the Notification component to trigger the show method.

customComponent not support image or text as children

cannout using ref in typescript

hi I love your lib, but I have an issue when I'm using react ref for this project
TypeError: null is not an object (evaluating

for registering ref

onPress does not work on Android

The onPress prop doesn't work on Android on RN 0.61.5.

From looking at the source code, it looks to be because the notification is using position: absolute. This breaks the <TapGestureHandler>, as I've verified the onTapHandlerStateChange function isn't called on Android.

For more info about this issue see:
facebook/react-native#22397

I was get empty notification show up when I click background notification

hi, I like your lib, but I have an issue, when I clicking background notification, it will automatically show a empty react-native-in-app message, I was handle in useEffect default state :

notifRef.current?.hide()

when there is a notification, it will trigger

notifRef.current?.show()

but I dont know why your lib sometimes show empty in app message pop uping

requireNativeComponent: "Blur" was not found in the UIManager.

I keep getting that error when installing this package

React Native: 0.63.4

Steps to reproduce:
yarn add react-native-in-app-message
cd ios/ && pod install
yarn ios

Version 1.0.2 from npm does not have a podspec file & how to with code examples

Hello,

Thanks for this package!

I have just installed the package from yarn:

yarn add react-native-in-app-message

Also how to create the same notification style as your example:

Thanks for reply

[Android] Can't press in-app message

Hey, and thanks for this great package.

While on iOS it is functioning perfectly, on Android trying to press the Notification doesn't work, it ends up pressing other buttons underneath.

I'm using a custom component, but tried without it and the same happens. Already tried setting zIndex on both the Notification component and my custom one.

CustomComponent Example

Please provide an example for use of a custom component

Thanks

ForceTouchGestureHandler is not available on this platform

Hi,

Notification.ios.js uses ForceTouchGestureHandler without checking whether force touch is available, causing a warning on non-supporting iPhones (all 11 models).

See the fallback component here:
https://github.com/software-mansion/react-native-gesture-handler/blob/0ea3d95d486544f9f64afb278ac6d149cf9bda5f/Gestures.js#L33

I may be able to submit a pull request later, but just creating an issue for now.

Call from hook

Is there a way to call it from a hook ??