react-native - react 原生阴影

Question

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

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