时间戳

首页 > 解决方案 > 如何在不被截断的情况下在 Android 中实现柔光箱阴影？

android - 如何在不被截断的情况下在 Android 中实现柔光箱阴影？

问题描述

我试图使用 React Native 实现以下 UI。这是一个很普通的布局：

图片

在水平 ScrollView 中有一些类似卡片的按钮，带有非常柔和的阴影。然而，当我使用该elevation属性在 Android 中创建阴影时，它们被剪裁在其 ScrollView 父级中。

我做了一些研究，现有的解决方案表明我

  1. 将填充设置为父母并禁用clipToPadding，或
  2. overflow: visible在 React Native 中设置

显然，在这种情况下，我无法为父母设置填充 - 阴影非常柔软，可能需要巨大的填充。另外，它确实弄乱了布局结构和间距逻辑。

后者也不适用于绘制阴影（有些人还指出这overflow: visible不适用于ScrollViewReact Native）。

有没有其他方法可以实现这一目标？在 React Native 中，甚至在普通的 Android 中。任何线索将不胜感激。

标签： androidreact-nativeuser-interface

解决方案

推荐阅读