如何在React Native的Android中修复高程阴影问题

Question

我正在尝试在React Native中展示视图的阴影。

我尝试了这个：

<View
      style={{
        flex: 0.3,
        margin: 4,
        ...Platform.select({
          ios: {
            shadowColor: '#000',
            shadowOffset: {width: 0, height: 4},
            shadowOpacity: 0.4,
          },
          android: {
            elevation: 2,
          },
        }),
      }}>

它在iOS上完美运行，但在Android上没有效果。 有一个名为react-native-shadow的库，在iOS和Android上都可以很好地工作，但如何在不使用任何第三方库的情况下解决Android中的阴影问题。

- Asmat ullah

Answer 1

现在我有这些属性，它们为我提供了解决所需动画的方法。试试这个方法，如果对你有帮助，请在评论中告诉我。很乐意帮忙。

   ...Platform.select({
            ios: {
                shadowColor: '#000',
                shadowOffset: { width: 0, height: 3 },
                shadowOpacity: 0.2,
            },
            android: {
                elevation: 0.4,
                // bottomElevation:4,
                borderBottomWidth: 0.2,
                borderTopWidth:0.2,
                borderColor:'#000'

            },
        }),

- Rizwan Atta

Answer 2

目前，我正在使用以下属性来处理IOS和Android平台上的阴影。

<View
  style={{
      height: 200,
      width: 350,
      borderRadius: 4,
      margin: 5,
      shadowColor: 'rgba(0,0,0,0.5)',
      shadowOffset: {width: 0, height: 5},
      shadowOpacity: 2,
      shadowRadius: 2,
      elevation: 4,
      backgroundColor: '#fff',
  }}>

- Asmat ullah