truncated toast on react native 76.1 with position bottom

[alainib]

Describe the bug i use react-native-toast-message since 2 years, it's work good thanks for this amazing package.

we upgraded to RN v0.76.1 and since we get truncated toast display on android only

Code sample

 Toast.show({
      type: 'success',
      text1: 'Hello',
      text2: 'This is some something 👋',
      position: 'bottom',
    });

Screenshots

with position top it work as usullay

Environment (please complete the following information):

• OS: android
• react-native-toast-message version: 2.2.1
• react-native version v0.76.1

[MasterSigmar]

same here

downgrading to 2.2.0 solves the issue

looking at the changelog between 2.2.0 and 2.2.1 my feeling is either it has something to do with how useNativeDriver is set in src/hooks/useSlideAnimation.ts OR there might be some funky stuff happening with Animated library imported from react-native in v0.76.1

[alainib]

same here

downgrading to 2.2.0 solves the issue

looking at the changelog between 2.2.0 and 2.2.1 my feeling is either it has something to do with how useNativeDriver is set in src/hooks/useSlideAnimation.ts OR there might be some funky stuff happening with Reanimated library imported from react-native in v0.76.1

are you sure Reanimated is imported by react 76,1 ?

[MasterSigmar]

same here downgrading to 2.2.0 solves the issue looking at the changelog between 2.2.0 and 2.2.1 my feeling is either it has something to do with how useNativeDriver is set in src/hooks/useSlideAnimation.ts OR there might be some funky stuff happening with Reanimated library imported from react-native in v0.76.1

are you sure Reanimated is imported by react 76,1 ?

My bad I meant Animated at the imports at the top of the src/hooks/useSlideAnimation.ts file. Will edit my original reply.

Furthermore, I personally have had trouble using this library on Android. Especially with LayoutAnimation(s). Setting the experimental flag and stuff did not help and I never got to make it work whatsoever lol

[alainib]

same here downgrading to 2.2.0 solves the issue looking at the changelog between 2.2.0 and 2.2.1 my feeling is either it has something to do with how useNativeDriver is set in src/hooks/useSlideAnimation.ts OR there might be some funky stuff happening with Reanimated library imported from react-native in v0.76.1

are you sure Reanimated is imported by react 76,1 ?

My bad I meant Animated at the imports at the top of the src/hooks/useSlideAnimation.ts file. Will edit my original reply.

Furthermore, I personally have had trouble using this library on Android. Especially with LayoutAnimation(s). Setting the experimental flag and stuff did not help and I never got to make it work whatsoever lol

hello

i dont think we have LayoutAnimation in our code at all. it was working nice on android & ios before rn 0.76 i hope owner will publish new version or patch

[Soumyaranjansingh-rn]

Facing the same issue

[theprantadutta]

+1

[dkahdwk]

Same issue. The current reaction react-native-toast-message does not work properly in the react-native 0.76 version. In the 0.74, there was no issue.

[shuo-hiwintech]

+1

[Soumyaranjansingh-rn]

useSlideAnimation.js in node module..

const useNativeDriver = Platform.select({ ios: true,

• default: false

• default: false,
• android: true, });

working for me in android

[VirtuozTM]

Hello,

I applied the workaround by modifying useSlideAnimation.js to set android: true for useNativeDriver, and it resolved the issue temporarily. However, it would be great to have an official fix for this problem in a future release.

Thank you in advance for your efforts!

[t41n4]

Same issues here.

[simran-cropsy]

+1

[theprantadutta]

@alainib @MasterSigmar @dkahdwk @t41n4 This issue is fixed in latest version 2.3.0, update it to latest version to avoid this problem, thanks everyone.