Home All ToolsReact Native Shadow Generator

React Native Shadow Generator

Generate shadow styles for React Native.

Offset X0

Offset Y2

Blur Radius4

Opacity0.25

Shadow Color

Generated Style (Platform Select)

...Platform.select({
  ios: {
    shadowColor: '#000000',
shadowOffset: {
  width: 0,
  height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 4.00,
  },
  android: {
    elevation: 5,
shadowColor: '#000000',
  },
}),

iOS Only

shadowColor: '#000000',
shadowOffset: {
  width: 0,
  height: 2,
},
shadowOpacity: 0.25,
shadowRadius: 4.00,

Android Only

elevation: 5,
shadowColor: '#000000',