React Native Shadow Simulator

Property selecter

ios

shadowColor

shadowOffset-width{ width: 8, height: 8 }

shadowOffset-height

shadowOpacity1

shadowRadius0

android

android の場合は elevation で指定します。 Webでは再現できなかったので表示していません。

preview

ios

hello

  componentShadow: {
    shadowColor: "#333",
    shadowOffset: { width: 8, height: 8 },
    shadowOpacity: 1,
    shadowRadius: 0,
    elevation: 1,
  },

Shadow

ReactNative

Web