Comments (3)
You can fix this by re-positing the location of the Popover component in the order of components. You will need to detach the Popover from the touchable and use ref
s to link them (see https://github.com/SteffeyDev/react-native-popover-view#showing-popover-from-a-reference-to-an-element). The touchable can stay in the same place, but the popover will need to be moved below the other elements in the code, so that it is rendered above them (in RN, items further down in the JSX are rendered on top). Even though it is moved down, it will still show as a tooltip to the touchable, as long as they have roughly the same parent (due to the limitations of RN, this is a bit of an art). See https://github.com/SteffeyDev/react-native-popover-view#tips-for-using-js-modal-and-tooltip as well
from react-native-popover-view.
@SteffeyDev Thanks a lot it worked. Updated the snack expo with the example
from react-native-popover-view.
Glad to hear!
from react-native-popover-view.
Related Issues (20)
- Not seeing popover on Android HOT 25
- Export `PublicPopoverProps` instead of `PopoverProps`? HOT 2
- Latest react native > 0.70.0 PopUp position uneven HOT 1
- Display popover view not render correctly using mode: 'tooltip' and placement: 'bottom' in android HOT 2
- "From" prop: Function components cannot be given refs HOT 2
- Error: getRectForRef - current is not set (Unhandled Promise Rejection) iOS HOT 13
- `Point` should be exported from the package
- on android the popover is offset by a about 10 px more than intended HOT 2
- popvoer displays in an unusual position on certain Android devices HOT 4
- Screen freezes when there is a view that exceeds the height of the screen HOT 2
- Add Changelog / Release log
- Popover is not testable in react-native-testing-library HOT 6
- ScrollView is not working in android HOT 15
- hide statusbar HOT 3
- Patch to make Popover work with Appium so the children of popover can be accessible HOT 1
- More granular control to animations HOT 4
- SVG icon as children breaks HOT 1
- App freeze when popover is calculated off screen (even in official snack) HOT 1
- Popover is not accessible HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-popover-view.