反应原生阴影答案

【问题标题】：React native drop shadow反应原生阴影
【发布时间】：2019-07-27 16:22:34
【问题描述】：

我需要将阴影选项添加到 Android 应用中的按钮。在 react 中，本机默认选项（shadowColor、shadowOpacity、shadowRadius）仅适用于 ios 版本。 Android 仅适用于海拔选项。有谁知道如何做到这一点？我使用了 react-native-shadow，但它较旧，不支持最新的 react native 版本，即使我们手动安装它，它也会从 SVG 组件中得到错误。

【问题讨论】：

添加阴影只能使用高程，高程可以相应地使用shadowOpacity shadowOffset和shadowRadius

标签： react-native dropshadow

【解决方案1】：

您可以使用 React Native Platform 模块来设置特定于操作系统的样式。例如：

import { Platform, Stylesheet } from 'react-native';

// your component

const styles = Stylesheet.create({
  button: {

    // cross-platform css

    ...Platform.select({
      ios: {
        shadowColor: rgba(0,0,0),
        shadowOpacity: 0.5,
        shadowRadius: 5
      },
      android: {
        elevation: 5
      },
    }),
  }
})

【讨论】：

【解决方案2】：

尝试使用以下库：

https://github.com/Kishanjvaghela/react-native-cardview

它将满足您的要求

【讨论】：