react native基础(四)

前端之家收集整理的这篇文章主要介绍了react native基础(四)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.阴影

官网中明确表示在react native中阴影的样式属性shadow...都是只支持iOS的,并不支持Android。

目前有个方法,可以让Android有灰色的阴影,但是无法指定Android机上的阴影色值,只能是灰色的默认。

elevation:4 这个属性中的4是代表阴影的高度。且这个属性添加后,不会影响iOS机上的原本的彩色的阴影颜色,只是在Android机上显示的是默认的灰色的阴影。

btnView:{  
        width:170,alignItems:'center',borderRadius:20,height:35,justifyContent:'center',backgroundColor: Color.CMHeaderBgColor,//以下是阴影属性:  
        shadowOffset: {width: 0,height: 5},shadowOpacity: 0.5,shadowRadius: 5,shadowColor: Color.CMHeaderBgColor,//注意:这一句是可以让安卓拥有灰色阴影  
        //elevation: 4,zIndex: Global.isIOS() ? 1 : 0  
}

猜你在找的React相关文章