为啥 shadowColor: '...' - 不适用于“react-native-drawer”组件的 Android 上的抽屉样式？

Posted 2023-02-19

【中文标题】为啥 shadowColor: \'...\' - 不适用于“react-native-drawer”组件的 Android 上的抽屉样式？

【英文标题】：Why shadowColor: '...' - is not applied for drawer styles on Android of “react-native-drawer” component?为什么 shadowColor: '...' - 不适用于“react-native-drawer”组件的 Android 上的抽屉样式？

【发布时间】：2017-07-19 05:58:11

【问题描述】：

可能有人知道为什么“shadowColor”属性不适用于 android 上的抽屉样式？ （使用 ios 看起来一切正常）

重现/代码片段/屏幕截图的步骤

<Drawer
 type="overlay"
 ...
 styles=
  drawer: shadowColor: 'black', shadowOpacity: 0.8, shadowRadius: 2
   ...
    
>

环境

react-native-drawer 版本：2.3.0

React Native 版本：0.41.2

平台（iOS、Android 或两者兼有？）：Android

设备信息 模拟器/设备？ - 模拟器安卓4.1（API16），模拟器安卓7.1.1（API25）

操作系统版本？ - MacOS 10.12.3

调试/发布？ - 调试

【参考方案1】：

shadow 仅适用于 ios。你可以试试elevation，它也只适用于android。

阴影道具： https://facebook.github.io/react-native/docs/shadow-props.html

查看视图组件中的高程： http://facebook.github.io/react-native/releases/0.41/docs/view.html#style

【讨论】：

"shadow will only work on ios" 谢谢，在你回答后我在documentation 找到了这个:)

我也知道“海拔”，但不幸的是，我无法在我的 Android 5.1.1 上应用它，尽管文档中写着“仅在 Android 5.0+ 上受支持”。

...我将“海拔”放入“...”的主要组件） , 进入“

@Stich 我现在无法测试，但您是否尝试将高程放在 contentContainerStyle 中？

问题是我使用了一个小的高度值。由于某种原因，“海拔：5”没有“阴影”，但“海拔：20”解决了这个问题。谢谢。