search

jasongaare / react-native-walkthrough-tooltip

An inline wrapper for calling out React Native components via tooltip
MIT License
610 stars 182 forks source link

Android only - Tooltip rendered twice, with the overlapping tooltip rendered at the wrong position #164

Open arjuntare opened 2 years ago

arjuntare commented 2 years ago

I am trying to display a tooltip on an item in a horizontally scrollable Carousel (react-native-snap-carousel), which is inside a vertical FlatList. I make sure to scroll the FlatList item into view before setting the tooltip visibility.

The issue is that there are two tooltips displayed, one as expected and one at the bottom of the screen, which overlaps the correct tooltip.

This is an Android specific issue, I have tested on iOS and it works as expected.

Screenshot_1661322642

schlafnie commented 2 years ago

have you tried setting showChildInTooltip to false?

richardkuiper commented 2 years ago

have you tried setting showChildInTooltip to false?

Amazing! I was having the same issue and this resolved it. Thank you @schlafnie

arjuntare commented 2 years ago

have you tried setting showChildInTooltip to false?

Thank you for the suggestion, but that will not highlight the element then, right?

hamam99 commented 1 year ago

have the same issue too

hamam99 commented 1 year ago

Try to add this code in component Tooltip topAdjustment={Platform.OS === 'android' ? -StatusBar.currentHeight : 0}

huynhducduy commented 1 year ago

I still have the same issue, @arjuntare did you managed to fix the problem yet?

arjuntare commented 1 year ago

I still have the same issue, @arjuntare did you managed to fix the problem yet?

Hi @huynhducduy I wasn't able to get it working. Ended up showing the tooltip on the entire carousel instead of on the carousel's child item.