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.

In iOS, Dropdown is overlapping with the below content

See original GitHub issue

I have used the code like mentioned in the example in my screen

<DropDownPicker
                items={[
                  {label: 'UK', value: 'uk'},
                  {label: 'France', value: 'france'},
                ]}
                defaultValue={'uk'}
                containerStyle={{height: 40}}
                style={{backgroundColor: '#fafafa'}}
                dropDownStyle={{backgroundColor: '#fafafa'}}
                onChangeItem={(item) => {
                  console.log(item);
                }}
              />

The dropdown in overlapping under the below content as shown like image.

Screenshot 2020-06-04 at 1 23 39 AM ---- Could you please help me on this?

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:19 (9 by maintainers)

github_iconTop GitHub Comments

3reactions
erald14commented, Aug 30, 2020

Useless library!

0reactions
erald14commented, Aug 30, 2020

So what is the solution?

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native :Dropdown is overlapping with the below content ...
This code is working fine on android but UI breaks on ios, The screenshot is attached above .This happens on ios only. the...
Read more >
Not able to select item from list that overlaps different view #40
I'm dealing with the same issue. I just found out that the selectable area is depends on the container of the dropDownView. I...
Read more >
React Native :Dropdown is overlapping with the below content ...
Coding example for the question React Native :Dropdown is overlapping with the below content in ios-React Native.
Read more >
Why does my header overlap other elements when i mark its ...
I want my header to stay fixed on top. Without the position:fixed my code works as expected (where the header stays on top...
Read more >
z-index - CSS-Tricks
Absolutely positioned elements overlap each other. All sorts of reasons. Without any z-index value, elements stack in the order that they appear ...
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