如何在不中断的情况下在Android中实现柔和的阴影效果?

时间:2019-07-13 04:27:47

标签: android react-native user-interface

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

Image

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

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

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

很显然,在这种情况下,我无法为父母设置填充-阴影是如此柔和,以至于可能需要大量填充。另外,它确实弄乱了布局结构和间距逻辑。

后一种方法也不适用于绘制阴影(有些人还指出overflow: visible不适用于React Native中的ScrollView)。

还有其他方法可以实现这一目标吗?在React Native,甚至只是普通的Android中。任何线索将不胜感激。

0 个答案:

没有答案