React Native 中 View 元素顶部的阴影答案

【问题标题】：Shadow on top of View element in React NativeReact Native 中 View 元素顶部的阴影
【发布时间】：2022-01-15 08:38:42
【问题描述】：

我正在尝试在 View 元素的顶部添加阴影，但我找不到让它在 Android 上运行的方法。

在 iOS 上工作正常，在 Y 轴上使用负值，但在 Android 上，阴影显示在元素的底部。

以下是应用的样式：

footer: css`
    padding: 0px 20px;
    background-color: ${COLOR.WHITE};
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 -2px 10px rgba(144, 155, 160, 0.2);
    elevation: 20;
    margin-bottom: 100px;
    shadow-color: black;
`,

有没有办法在 View 元素的顶部添加“高度”？

【问题讨论】：

标签： css react-native android-elevation

【解决方案1】：

我在 Android 上也遇到了一些麻烦，您可以使用 <View> 和 LinearGradient 作为绝对定位容器顶部的叠加层，或者使用 Image。应该在没有问题的情况下同时工作

【讨论】：