seniv / react-native-notifier

Fast and simple in-app notifications for React Native
MIT License
1.1k stars 59 forks source link

It's possible to display the notification from bottom tab bar (react navigation) #56

Open KrifaYounes opened 3 years ago

KrifaYounes commented 3 years ago

Like YouTube music

https://user-images.githubusercontent.com/3875788/144596492-65cc8059-bb4a-42ac-ae54-443df8b23bc9.mov

seniv commented 2 years ago

Hello, @KrifaYounes! Right now there is no ability to display notifications on the bottom side. Currently, I'm working on a feature that will help to customize notification Animations, and with that customization, it will be easy to display notifications on the bottom side.

dylanclements commented 1 year ago

Just thought I'd add to this thread that you can do something like this to animate from the bottom:

 const vh = Dimensions.get('screen').height;

  Notifier.showNotification({
    duration,
    Component: ComponentName,
    containerStyle: (translateY: Animated.Value) => ({
      transform: [
        {
          translateY: translateY.interpolate({
            inputRange: [-1000, -200, 0],
            outputRange: [vh, 0.9 * vh, 0.8 * vh],
          }),
        },
      ],
    }),
  });
Ohmniox commented 5 months ago

This would really be an awesome addition to this library. Waiting for this to be implemented. Currently I am another library along with this. https://github.com/calintamas/react-native-toast-message/tree/v2.0.0