offset is not provided as prop in toast.show(str, {offset: 30}) about react-native-toast-notifications HOT 7 OPEN

We also have a style prop you can use margins there

toast.show("Toast", {
   style: {
       marginBottom: 50
   }
])

from react-native-toast-notifications.

With workaround solution from @lminar, i can't interact to area below the Toast :(
And solution from @arnnis only work for the non-custom toast, not work for custom toast :(
So the best option is using PR from @Lokprakash-babu. 👍
Thanks everyone! Great Toast Lib!!!

from react-native-toast-notifications.

Raised a PR to fix this issue.

from react-native-toast-notifications.

I use bottom position of toast and on some screens I have my bottom bar with actions . So for these screens I want to set specify (larger offset) to prevent the bottom bar from being covered by the toast.

from react-native-toast-notifications.

Hi, when the fix will be released?

from react-native-toast-notifications.

You can modify offset globally in ToastProvider, It's by intention not modifiable on show() because it can break the stacking feature (Toasts going over each other).

Do you have a use case where overriding ToastProvider isn't be enough?

from react-native-toast-notifications.

@arnnis but I understand the reason why it is only globally.. thanks for your time..
I found workaround: I have custom renderType and the element has margin-bottom value .. so the notification is rendered as I want.. I am ok with the stacking feature isssue that you describe

renderType={{
            custom: (toast: any) => <ToastContent {...toast} />,
            ....

const ToastContent = (props) => {
   render (
       <View marginBottom={'50px'} .....>
             <Text>{props.message}</Text>
             ......
      </View>
     );    
}

from react-native-toast-notifications.