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.

DropDown shadow is not appearing after pumping the version to 5.1.21

See original GitHub issue

dropDownContainerStyle is not accepting any shadow styling while other style props accept shadows.

<DropDownPicker
    items={data.DoingFeeling.Doing}
    style={{flexDirection: 'row-reverse', backgroundColor: '#e6e6e6', borderWidth: 0}}
    containerStyle={{height: 40, marginTop: 10, marginBottom: 10}}
    dropDownContainerStyle={{
      maxHeight: 175,
      shadowOpacity: 0.8,
      shadowRadius: 15,
      shadowColor: '#000',
      borderColor: 'rgba(22,20,10,0.1)'
    }}
    arrowIconStyle={{opacity: 0.2, marginRight: 10}}
    placeholder="Click to choose what you're doing."
    placeholderStyle={{color: '#cacaca', fontFamily: 'Averta-Regular'}}
    labelStyle={{fontFamily: 'Averta-Regular'}}
    value={selectedDoing}
    setValue={setSelectedDoing}
    open={firstDDOpen}
    setOpen={setFirstDDOpen}
    onOpen={onFirstDDOpen}
    zIndex={3000}
    zIndexInverse={1000}
/>

Platform: iOS

Issue Analytics

State:
Created 2 years ago
Comments:5

Top GitHub Comments

7reactions

juancstlmcommented, Sep 8, 2021

@fadinasr try adding overflow: 'visible' to the dropDownContainerStyle the default theme has it as 'hidden' and is interfering with the shadow

dropDownContainerStyle={{
      maxHeight: 175,
      shadowOpacity: 0.8,
      shadowRadius: 15,
      shadowColor: '#000',
      borderColor: 'rgba(22,20,10,0.1)',
      overflow: 'visible'
    }}

0reactions

fadinasrcommented, Sep 9, 2021

@juancstlm Worked for me! Thanks

Top Results From Across the Web

React-native shadow not appearing - Stack Overflow

Is the shadow working on IOs ? Android and IOS work ≠ in React-Native. For android, it works with elevation.

box-shadow - CSS: Cascading Style Sheets - MDN Web Docs

The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is ......

Downwithpatreon replacement - Edizioni La Grafica

Search: Outlook Add Ins Not Showing. ... 58-562 and 55-13411 OVERHEATING AFTER WATER PUMP REPLACEMENT 2003 ... Nvidia Broadcast Not Working With Mic....

INSTRUCTION MANUAL FOR MODEL TM3000 TABLETOP ...

As a rule, do not move the diaphragm pump because it is a heavy load of 4.5 kg. When moving it by necessity,...

spooky usernames - macellerialucio.it

Contents show Creepy Usernames The Defending Shadow KillerHobo The Wild Groom ... Player Settings: Names, nicknames and username ideas for i am not...