Tooltip Position is not aligned (iOS and Android)
See original GitHub issueExplain what you did I am using react-native-navigation
I used the <Tooltip> element:
import {Text, Tooltip} from 'react-native-elements';
...
<Tooltip
backgroundColor={'#fff'}
popover={<Text>Currently Accessed</Text>}>
<FontAwesome5 size={25} name="thumbs-up" color="#252cf0" />
</Tooltip>
Expected behavior A tooltip box should appear with the pointed part touching the icon.
Describe the bug The tooltip appeared visibly higher up, with a duplicate of the child icon
Screenshots before clicking
after clicking
android
withAndroidStatusBar changed it slightly on Android
Your Environment (please complete the following information): I am including the react-native-navigation version because I read here and here that another navigation library caused an issue with determining the right y-axis offset. I tried using the gist described here but it didn’t help and all of the above are really focused on Android, whereas I am having this issue on iOS and Android.
software | version |
---|---|
react-native-elements | 2.0.2 |
react-native | 0.62.2 |
react-native-navigation | 6.6.2 |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:9
- Comments:9 (2 by maintainers)
Top GitHub Comments
skipAndroidStatusBar made the trick for me
Anyone still facing this issue please upgrade to > v4 beta