1、css实现:
.imgfile-mask {
position: absolute;
border-radius: 4px;
width: 100%;
height: 100px;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5))); //可设置透明度
}
结果:(只是红框背景色)
2、使用react-native-linear-gradient插件
安装:
npm install save --react-native-linear-gradient
使用:
<LinearGradient colors={["#ffffff","#999999","#000000"]} ></LinearGradient>