react-native-notifier icon indicating copy to clipboard operation
react-native-notifier copied to clipboard

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

Open KrifaYounes opened this issue 2 years ago • 3 comments

Like YouTube music

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

KrifaYounes avatar Dec 03 '21 11:12 KrifaYounes

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.

seniv avatar Jan 09 '22 19:01 seniv

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],
          }),
        },
      ],
    }),
  });

dylanclements avatar Aug 30 '23 05:08 dylanclements