是否有可能在React Native中将Color Shadow添加到TextInput中

Question

我想知道如何在本地响应中向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上不起作用。

如果您有任何好的经验和意见，请告诉我。我期待着您的帮助。

最诚挚的问候，

Answer 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