react-native-shadow-mix
0.0.3 • Public • Published
- 1.使用SpdbShadow包裹需要阴影的组件即可,Android与iOS通用
- 2.若传入elevation参数,则Android与iOS使用原生阴影,显示效果也一致
- 3.若需要颜色,偏移,扩散等参数调整,则不可使用elevation参数,否则无效。因实现方式不同,但封装后使用效果Android与iOS尽量相似
属性 |
说明 |
类型 |
默认值 |
children |
阴影内容 |
React.element |
无 |
elevation |
黑色阴影深度,使用该属性时,为原生阴影样式 |
number |
无 |
style |
自定义样式,如backgroundColor |
obj |
无 |
width |
宽度(与子组件相同) |
number |
0 |
height |
高度(与子组件相同) |
number |
0 |
radius |
圆角(与子组件相同) |
string |
0 |
border |
阴影边缘扩散 |
number |
0 |
color |
阴影颜色 |
string |
#000 |
opacity |
不透明度 |
number |
1 |
x |
X轴偏移 |
number |
0 |
y |
Y轴偏移 |
number |
0 |
- width,height,radius参数iOS端可不传,会自动适应子组件大小
- style不传会自动适配背景色 白色
/react-native-shadow-mix/
//
Package Sidebar
Install
npm i react-native-shadow-mix
Weekly Downloads