React Native Shadow

Tạo shadow cho React Native — iOS + Android

Preset

iOS Shadow

shadowColor#000000

shadowOpacity0.25

shadowOffset X0px

shadowOffset Y4px

shadowRadius8px

Android

elevation5

Preview

Hình:

Màu nền:

Live Preview

Cross-platform (iOS + Android)

// React Native Shadow (iOS + Android)
{
  shadowColor: '#000000',
  shadowOffset: { width: 0, height: 4 },
  shadowOpacity: 0.25,
  shadowRadius: 8,
  elevation: 5,
}

iOS only

shadowColor: '#000000',
shadowOffset: { width: 0, height: 4 },
shadowOpacity: 0.25,
shadowRadius: 8,

Android only

elevation: 5,

CSS (tham khảo)

box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);