是否可以在本机反应中将颜色阴影添加到 TextInput答案

【问题标题】：Is it possible to add Color Shadow to TextInput in react native是否可以在本机反应中将颜色阴影添加到 TextInput
【发布时间】：2020-03-27 10:03:23
【问题描述】：

我想知道如何在 React Native 中为 TextInput 添加颜色阴影。特别是，我的意思是 color 阴影。在 Android 中，ShadowColor 或 Elevation 不适用于颜色阴影。而且TextInput的高度是可变的。

我为 TextInput 的样式尝试了以下代码。

shadowColor: 'rgb(112, 0, 0)',
shadowOpacity: 0.12,
shadowOffset: { width: 0, height: 2 },
shadowRadius: 2,
elevation: 2,

但它不适用于 Android。

如果你有什么好的经验和意见，请告诉我。我期待您的帮助。

最好的问候，

【问题讨论】：

你能分享一些代码，让我们知道你尝试了什么，什么没用吗？

标签： react-native shadow textinput

【解决方案1】：

你可以使用这个库

https://www.npmjs.com/package/react-native-cardview

$ npm install react-native-cardview --save


import CardView from 'react-native-cardview';

<CardView
 cardElevation={2}
 cardMaxElevation={2}
 cornerRadius={5}>
     <TextInput/>
</CardView>

这个库不控制阴影颜色对于这个库，你可以使用这个目录

https://github.com/879479119/react-native-shadow

【讨论】：

感谢您的回复。是否可以为这个阴影添加颜色？
谢谢。正如我之前所说，文本输入的高度是可变的。我该如何解决。换句话说，我不能给 BoxShadow 组件的设置道具一定的高度。