search

AndreiCalazans / rn-tooltip

A <Tooltip /> component for React Native
MIT License
328 stars 75 forks source link

Pointer styling #64

Closed redVi closed 2 years ago

redVi commented 3 years ago

First of all, I want to express my gratitude! Thank you!

But... I have a couple of problems with triangle styling.

First. I need to overlap the popover. There is no way to add a zIndex for a component that contains a triangle.

Second. I need to circle the triangle. But a triangle consists of borders and React Native doesn't support properties like ::before and ::after. triangle

Are these things relevant to you? Will you be able to do them?

AndreiCalazans commented 3 years ago

I see. Honestly, this ins't relevant to me. We could add the ability to set zIndex for the triangle wrapper. But, adding a circle to the triangle is a bit more complicated.

We could instead give you a renderPointer prop that takes a function for you to return whatever component you want to display the pointer.

The type of this prop could be like: renderPointer: (position: { position: string, top: number, left: number, right: number }) => React.Element<any>.

This would work for you to override what the pointer looks like.

I don't have any time in the short-term to implement such feature, but you are welcome to do it and make a PR.