时间戳

首页 > 解决方案 > 如何在 Android 的 react-native 中解决高程阴影问题

android - 如何在 Android 的 react-native 中解决高程阴影问题

问题描述

我试图在 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 的库，它可以在 iO 和 android 上完美运行，但是如何在不使用任何第三方库的情况下修复 android 中的阴影问题。

标签： androidreact-nativeandroid-elevation

解决方案

现在我有这些属性，我已经为我提供了所需动画的解决方法。试试这个，让我在评论中知道它是否对你有帮助。很高兴能帮助你。

   ...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'

            },
        }),

推荐阅读