【问题标题】: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

调试/发布? - 调试

【问题讨论】:

    标签: react-native react-native-android


    【解决方案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”解决了这个问题。谢谢。
    猜你喜欢
    • 1970-01-01
    • 2021-01-23
    • 1970-01-01
    • 2019-05-09
    • 2017-10-02
    • 1970-01-01
    • 2020-04-28
    • 1970-01-01
    相关资源
    最近更新 更多