search

calintamas / react-native-toast-message

Animated toast message component for React Native
MIT License
1.73k stars 265 forks source link

truncated toast on react native 76.1 with position bottom #558

Open alainib opened 2 weeks ago

alainib commented 2 weeks ago

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

Screenshot_1730901547

with position top it work as usullay

Screenshot_1730901620

Environment (please complete the following information):

MasterSigmar commented 2 weeks ago

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 commented 1 week ago

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 commented 1 week ago

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 commented 1 week ago

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 commented 2 days ago

Facing the same issue

theprantadutta commented 18 hours ago

+1