react-nativeでbox-shadowをつける

IOSの場合

shadowColor: #ccc,
shadowOffset: {
  width: 0,
  height: 2,
},
shadowRadius: 0,
shadowOpacity: 1,

• shadowOffset
  • width: 横への影
  • height: 縦の影
• shadowOpacity
  • 影の透明度
  • 0が透明、1は透明なし

これでこんな感じで下に影をつけられる

Androidの場合

shadowColor: #ccc,
shadowOffset: {
  width: 0,
  height: 2,
},
shadowRadius: 0,
shadowOpacity: 1,
elevation: 2

• Androidの場合はelevationをつける