本机阴影未出现在应用程序屏幕中

Question

我正在开发React-native应用程序。之前阴影可以正常工作，但现在在整个应用程序中，阴影不可见。

我知道StackOverflow上有很多问题和解决方案。我已经尝试了一切，但对我没有任何帮助。

我已经尝试像这样添加backgroundColor：

const styles = StyleSheet.create({
shadow: {
  shadowOffset: { width: 10, height: 10 },
  shadowColor: 'black',
  shadowOpacity: 1,
  elevation: 3,
  // background color must be set
  backgroundColor : "#0000" // invisible color
}

我也删除了overflow: 'hidden';

但是对代码没有影响。

我正在将elevation用于Android。而且它在任何应用程序屏幕上均不起作用。如果有人遇到相同的问题，请分享解决方案。 TIA

Answer 1

这对我有用

   {
        paddingVertical: 12,
        marginTop: 20,
        marginBottom: 70,
        width: '100%',
        borderColor : 'gray', 
        borderWidth : 0.1,
        paddingHorizontal : 12,
        backgroundColor : '#fff',
        margin:8,
        width:'60%',
        alignItems : 'center',
        shadowOpacity: 0.25,
        shadowRadius: 2,
        shadowOffset: {
            width: 0,
            height: 2,
        },
        shadowColor: '#000000',
        elevation: 4,
    }