search

Charanor / react-native-highlight-overlay

A tinted overlay that allows one or more elements to be highlighted (non-tinted).
MIT License
41 stars 6 forks source link

Bring an element on top of the HighlightOverlay #12

Closed SaadBinWaheed-empglabs closed 2 years ago

SaadBinWaheed-empglabs commented 2 years ago

First of all many thanks for a such a great package!

I want to achieve such a view. I have tried a few approaches but none worked. Here is the Highlight portion of code and I want to add text just under it.

 <HighlightableElement
         id="important_item_1"
        options={{
          // Options are useful if you want to configure the highlight, but can be left blank.
          mode: "rectangle",
          borderRadius: 15,
           }}>
          <LeadSection  />
</HighlightableElement>
image
SaadBinWaheed-empglabs commented 2 years ago

Fixed it by defining the Text outside of HighlightableElementProvider and giving it position: absolute.