如何在 React Native Android under view 中创建模糊和彩色阴影

问题描述 投票:0回答:1

多年来,我一直试图在 Android 上的 React Native 中创建漂亮、现代的组件,然而这似乎并不那么容易。我想创建的是这里的东西:

然而,仍然唯一在android上工作的是

elevation
,我不能用它在组件下做出如此好的阴影效果。

我尝试了几个库来实现这种效果,但没有成功。例如:

  • react-native-shadow-2
  • react-native-drop-shadow
  • @vesselsoft/react-native-shadow
    还有一些,它们不起作用(在世博会上),或者不产生这样的效果。

是否有可能在视图下创建这种模糊的彩色投影?

android reactjs react-native shadow dropshadow
1个回答
0
投票

想通了,效果真的和我发的很接近。我无法更改阴影偏移和距离,但至少从 Android API 28 开始

shadowColor
属性有效,并且您可以设置不同于黑色的阴影颜色。

相关问题

React Native - IntelliSense 建议 react-native/types 而不是 react-native

React-native 无法在 Android Studio 中启动,Error: Caused by: java.lang.Exception: /node_modules/@react-native-community/cli/build/index.js

在 react-native-paper 的 TextInput 中遇到问题,当我将其背景设置为透明时,标签使用了直线效果

获取MongoDB领域数据库的领域文件(Android React Native)

(已编辑)任何人都可以建议我如何将值从我的 useState(toDoData1 和 toDoData2)传递到 MapRegion(纬度和经度)

如何在 React Native 中禁用键盘

ListView 已从 React Native 中移除

使用 react-native 和 expo 分享屏幕截图和短信(或链接)

如何在 react-native 中为 android 使用预填充的 sqlite 数据库?

裸 React Native 构建在安装 expo 包后失败

react-native run-android 和 react native bundle 有什么区别?

SFMC SDK 初始化前如何显示通知权限弹窗

android billing 4.0.0 的实施导致 React Native In App Purchase (RNIAP) 停止工作

无法解决:com.facebook.react:react-native:0.61.5 in Android project

如何在 React Native for Android 11(或更高版本)中以编程方式创建 .pdf 或 .csv 文件

react-native-qrcode-generator 的 QRCode 在 Android 中崩溃,在 ios 上运行良好

我们如何在 React-Native 应用程序中使用色键效果(或者我们可以说是绿屏效果)?

如何在整个 React Native 应用程序中保持蓝牙设备连接

返回 React Native Vision Camera 时出现视图管理器错误

open数据库错误:无法将空值转换为对象

热门问答
最新问题