seniv / react-native-notifier

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

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

Open KrifaYounes opened 2 years ago

KrifaYounes commented 2 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 12 months 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 2 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