63

に影をレンダリングするにはどうすればよいViewですか? shadowColor、shadowOffset、shadowOpacity、およびの多くの組み合わせを試しましたが、shadowRadius何もしないようです。設定した他の属性が機能するため、スタイルが正しく適用されていると確信しています。

4

9 に答える 9

31

エレベーションを使用して、RN Android にシャドウを実装します。標高プロップ #27 を追加

<View elevation={5}> </View>

于 2016-03-14T06:48:53.367 に答える
19

CALayer docに従ってではなくshadowOpacitytype に設定されているのは、React ネイティブのバグのようです。修正される前に iPhone 5 シミュレーターを使用してください。(は古いデバイスにあります。)CGFloatfloatCGFloatfloat

これを追跡しているReact Nativeの問題は次のとおりです。

https://github.com/facebook/react-native/issues/449

于 2015-03-29T22:26:18.103 に答える
8 
  panel: {
    // ios
    backgroundColor: '#03A9F4',
    alignItems: 'center', 
    shadowOffset: {width: 0, height: 13}, 
    shadowOpacity: 0.3,
    shadowRadius: 6,

    // android (Android +5.0)
    elevation: 3,
  }

または、Android 用の react-native-shadowを使用できます

于 2017-10-09T06:52:13.733 に答える