【问题标题】:How to set elevation color?如何设置高程颜色?
【发布时间】:2017-01-23 15:58:13
【问题描述】:

我们有 proptype elevationin react-native (doc),但是如何设置它产生的“android-shadow”的颜色?

【问题讨论】:

    标签: android react-native


    【解决方案1】:

    如果您使用高程,您可以使用 View#setOutlineAmbientShadowColor(int color)View#setOutlineSpotShadowColor(int color) 更改从 API 28 (Pie) 开始的视图上的阴影颜色。

    【讨论】:

    • 你是对的,但我如何在 React Native 应用程序上运行它?当然我需要更改或调用它,但在哪里?
    • @FrederikoCesar,你有没有想过如何做到这一点?
    • @MayankMehtani 不,我无法使用高程颜色。但我设法“伪造”了这种行为哈哈。您可以更改边框的颜色,然后在组件上创建多个边框(使用视图层),使用类似于渐变效果的颜色。
    • @FrederikoCesar - 哈哈哈.. 好一个.. 你能像你一样分享那个影子组件吗?
    【解决方案2】:

    很遗憾,Android 的setElevation 产生的阴影颜色无法更改。此外,他们在网络上的 Material Design 指南(如 here)似乎并未表明您可以更改颜色。

    https://developer.android.com/training/material/shadows-clipping.html

    此外,基于this,Android 也不支持 React Native 中的框阴影。

    【讨论】:

    • 如果有人在读这篇文章,这是一个非常古老的问题,你现在可以做到,我实际上刚刚做到了
    【解决方案3】:

    根据@rclai 的回答,您无法在 Android 中更改海拔颜色。

    你可以试试这个 React Native Shadow 库,而不是使用 Elevation,它使用 svg 生成阴影,让你设置颜色、偏移、不透明度: https://github.com/879479119/react-native-shadow

    【讨论】:

      猜你喜欢
      • 2012-03-21
      • 1970-01-01
      • 2019-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-07-08
      • 2017-12-30
      • 2014-10-23
      相关资源
      最近更新 更多