Animation positioning problem.

[nitishxyz]

Animation is behind the icon in simulator but on actual device (Android 9) it's a whole line below. Any solutions?

[nitishxyz]

My physical device has a notch if that may be the cause of the problem, because animation is playing below the button.

[Bunhouth99]

I also face this issue. any update on this thread?

[prscX]

Could you please share the video of the same. I am not able to visualise the problem.

[Bunhouth99]

@prscX please check gif file below. i have using custom image. Note: It broken on real device only. old device working fine.(huawei p9 lite)

[prscX]

@Bunhouth99: Got you. I believe, we should render ShineButton post your card is rendered. In componentDidMount you can re-render card component and based on visibility flag you can add ShineButton. Please share your findings.

Thanks </ Pranav >

[Bunhouth99]

@prscX it still not work. Please kindly check my code below.

const HomeScreen = React.memo(() => { return ( <SafeAreaView style={styles.flex1}> <View style={{ margin: 15 }}> <RNShineButton shape={'heart'} color={'#808080'} fillColor={COLORS.primary} size={moderateScale(28)} /> </View> </SafeAreaView> ); });

Library issue https://github.com/ChadCSong/ShineButton/issues/48

[prscX]

Thanks @Bunhouth99 for sharing the issue link. Once it is fixed I can push the release but until then we need to wait for the fix. Meantime can you try below fix suggested.

issues/48#issuecomment-485328048

Let me know your findings.

Thanks </ Pranav >