Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Subtract verticalOffset from popover height to preserve margins on popover

See original GitHub issue

Hi, verticalOffset still required on Android on version 2.x when running on expo, and may update the popover height according the vertical offset too (for better experience on large popovers like the image attached)

here snippet and screenshots, thanks and awesome work !!!

btw: on iOS works as expected.

<TouchableOpacity
  ref={ref => (this._controls_button_ref = ref)}
  style={{
    position: 'absolute',
    top: 0,
    right: 0
  }}
  onPress={this._showControls}
>
  <Text>Button</Text>
</TouchableOpacity>
<Popover
  isVisible={showControls}
  fromView={this._controls_button_ref}
  onRequestClose={this._onPressCancel}
  verticalOffset={
    Platform.OS === 'android' ? -Constants.statusBarHeight : 0
  }
>
  <View>Stuff here</View>
</Popover>

telegram-cloud-photo-size-1-5154761118516881495-y

Issue Analytics

State:
Created 4 years ago
Comments:6 (4 by maintainers)

Top GitHub Comments

1reaction

SteffeyDevcommented, Oct 7, 2019

Ah that is amazing clarification, thanks! I’ll do that as part of the next release.

0reactions

SteffeyDevcommented, Apr 19, 2021

In the latest version (4.0.0), the vertical offset is applied before margins, so this should be fixed. Re-open if it is still an issue in the latest version.

Top Results From Across the Web

how do you change the width and heigth for popover in material

Then add the height and width to that const, and then call the class you made in that to the className. All these...

react-native-popover-view - npm

Start using react-native-popover-view in your project by running `npm ... the Popover to anchor, you can create a Rect(x, y, width, height) ...

Prevent Page Scrolling When a Modal is Open | CSS-Tricks

Let's start with something simple. We can make a huge dent to open-modal-page-scrolling ™ by setting the height of the entire body to...

v-calendar - UNPKG

src/components/Popover.vue?d7a5","webpack://v-calendar/./node_modules/core-js/library/modules/_object-gpo.js","webpack://v-calendar/.

GTK+ Properties - Springer Link

properties store information about the current state of the widget. ... popover. Gtk.Popover. The pop-over. popup. Gtk.Menu. The drop-down menu. use-popover.