question-mark

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.

Android Dropdown gap

See original GitHub issue

Issue Description

Hi @AdelRedaa97, thanks for this great repo.

I have an issue on Android where the Dropdown displays a gap between the button and the dropdown items. I copy/pasted the exact code provided in the demo1.js file on a reproducible snack: link Screen Shot 2022-04-12 at 1 01 00 PM

iOS does not have this issue. Any help on this? Thanks.

Issue Analytics

  • State:closed
  • Created 9 months ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
AdelRedaa97commented, Apr 12, 2022

It’s about android’s StatusBar try to use this prop in Dropdown <SelectDropdown statusBarTranslucent={true} https://github.com/AdelRedaa97/react-native-select-dropdown#statusBarTranslucent

or make <StatusBar translucent={false} />

1reaction
jorge-o-murillocommented, May 31, 2022

Hi there @AdelRedaa97, unfortunately on Android devices with a top notch the statusBarTranslucent={true} doesn’t work properly. For example, if you try running this same code on a Samsung S10+ (link), it will turn out like this: Screen Shot 2022-04-26 at 6 05 07 PM

Any Android device with a top notch has this issue (Pixel 4A, Samsung S10+, etc.). May be related to previous RN bugs: link

Read more comments on GitHub >

github_iconTop Results From Across the Web

Android Spinner: Remove Extra White Space Between Text ...
I did it myself after playing with Spinner. Here is the solution which worked pretty well. First create a Dropdown with indicator image...
Read more >
How To Avoid Additional White Space or Padding In Spinner ...
How To Avoid Additional White Space or Padding In Spinner Android | Android Studio ; https://rebrand.ly/qvcp830 Learn Firebase Cloud Messaging & ...
Read more >
Gap between nav bar and dropdown - Android 8.0 Chrome
Basically there is a very small transparent line in between my nav bar and its drop down. The only way I can produce...
Read more >
DropdownMenu is positioned strangely for toggles up against ...
In general, a dropdown menu is positioned relative to both the element that generates it and the edges of the screen or browser....
Read more >
(APK) Remove gap on the sides notification panel/drop down ...
Hello guys just want to share a little apk with you. You know the gap on the sides of notification panel/drop down menu...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found