时间戳

首页 > 解决方案 > 是否可以在本机反应中将颜色阴影添加到 TextInput

react-native - 是否可以在本机反应中将颜色阴影添加到 TextInput

问题描述

我想知道如何在本机反应中向 TextInput 添加颜色阴影。特别是，我的意思是颜色阴影。在 Android 中，ShadowColor 或 Elevation 不适用于颜色阴影。TextInput 的高度是可变的。

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

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

但它不适用于Android。

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

此致，

标签： react-nativeshadowtextinput

解决方案

你可以使用这个库

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

推荐阅读