Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Android statusbar showing on top of alert #127

Closed
bengyles opened this Issue Mar 29, 2018 · 5 comments

Comments

Projects
None yet
4 participants
@bengyles
Copy link

bengyles commented Mar 29, 2018

Short Description

When showing the alert on Android, the alert is shown below the statusbar so it has a grey hue over it as shown in the picture below
screenshot_1522337062

Steps to Reproduce / Code Snippets / Usage

  • Create a RN app with expo
  • Add react-native-dropdownalert so that an alert can be shown
  • test on Android

Expected Results

The alert shows on top of the statusbar.

Additional Information

  • React Native version: 0.52.0
  • react-native-dropdownalert version: 3.4.0
  • Platform(s) (iOS, Android, or both?): Android only
  • iOS version: /
  • Android version: at least 6 and 7
@pavermakov

This comment has been minimized.

Copy link

pavermakov commented Apr 4, 2018

You can easily fix it by using the following prop:
defaultContainer={{ padding: 8, paddingTop: StatusBar.currentHeight, flexDirection: 'row' }}

@pavermakov

This comment has been minimized.

Copy link

pavermakov commented Apr 4, 2018

screen shot 2018-04-04 at 21 55 49

@bengyles

This comment has been minimized.

Copy link
Author

bengyles commented Apr 4, 2018

@pavermakov
It works, thank you!

@jakeOliv

This comment has been minimized.

Copy link

jakeOliv commented May 9, 2018

@pavermakov where to put this code please? I am facing similar problem!

@testshallpass

This comment has been minimized.

Copy link
Owner

testshallpass commented May 12, 2018

@pavermakov Thanks. @jakeOliv add the defaultContainer prop (as stated before) to DropdownAlert instance.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.