React-native: boxShadow

Created on 28 Mar 2015  路  13Comments  路  Source: facebook/react-native

Do you plan on supporting boxShadow directly in the Stylesheet object?
https://facebook.github.io/react-native/docs/flexbox.html

In regular native development, shadows are added to a UIView's layer, how do I interact with a layer using React? A code example would be great.

...and thanks for making this, loving it so far.

Locked

Most helpful comment

馃憤 for Android!

All 13 comments

We definitely need this feature.

@nicklockwood, is this on your radar? Do you have any advice for the community about how it should be implemented in RCTViewManager?

not being able to enable shadow with stylesheet settings:

        shadowOffset:{
            width: 10,
            height: 10,
        },
        shadowColor: 'black',
        shadowOpacity: 1.0,

anything missing in above code?

Those shadow settings seem to only apply to Text elements right now.

My mistake! This is working as described. Here is precise documentation:
http://facebook.github.io/react-native/docs/view.html#style

@oisinlavery could you shade some light?

forget it. it appears to be a bug in iOS simulator 5s and above that setShadowOpacity not processed.

any plan on having box shadows on Android?

馃憤 for Android!

For Android take a look at the elevation prop in <View>.

Unified shadows via boxShadow style would be super awesome! 馃憤

hi,
can you please help me to write box-shadow in RN. please show de a demo as you written.

thanks in Advance

For anyone here looking for one, here's a working example you can play with
https://rnplay.org/apps/dkhXVw

@uriklar This works only on ios. Is it possible to have boxShadow with android?

@uriklar the link is broken

Was this page helpful?
0 / 5 - 0 ratings