反应本地滴影

Question

我需要删除Shadow选项才能添加到Android应用中的按钮中。在React中，本机默认选项（ShadowColor，Shadowopacity，Shadowradius）仅与iOS版本一起使用。Android仅适用于高程选项。有谁知道如何做到这一点？我使用了React-Native-shadow，但在不支持最新反应的本机版本的情况下它也会从SVG组件中出现错误。

Answer 1

您可以使用React本机Platform模块设置特定于OS的样式。例如：

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
      },
    }),
  }
})

Answer 2

尝试在库下使用：

https://github.com/kishanjvaghela/reaeact-native-cardview

它将满足您的要求

Answer 3

在反应本地，您应该避免编写平台特定代码。

当需要处理这样的任务时 - 您应该使用现有库或创建自己的库。

反应 - 滴滴阴影是其中一种情况的一个很好的例子。或者，您可以使用与我在应用程序中使用的方法相似的方法，并且只需将高程和阴影样式包含在单个样式对象中。

无需外部库：

elevation: 5,              // Android
shadowColor: '#030002',    // Android, iOS & Web
shadowOpacity: 0.25,       // iOS & Web
shadowRadius: 5            // iOS & web