我需要在Android应用程序的按钮上添加投影选项。 在React中,原生默认选项(shadowColor、shadowOpacity、shadowRadius)仅适用于iOS版本。 Android仅适用于高度选项。 有人知道怎么做吗? 我使用了react-native-shadow,但它比较老,不支持最新的React Native版本,即使我们手动安装它也会从SVG组件中出现错误。
我需要在Android应用程序的按钮上添加投影选项。 在React中,原生默认选项(shadowColor、shadowOpacity、shadowRadius)仅适用于iOS版本。 Android仅适用于高度选项。 有人知道怎么做吗? 我使用了react-native-shadow,但它比较老,不支持最新的React Native版本,即使我们手动安装它也会从SVG组件中出现错误。
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
},
}),
}
})
elevation: 5, // Android
shadowColor: '#030002', // Android, iOS & Web
shadowOpacity: 0.25, // iOS & Web
shadowRadius: 5 // iOS & web