美文网首页ReactNative系列
react-native 设置阴影

react-native 设置阴影

作者: 我属貔貅的 | 来源:发表于2019-05-20 17:42 被阅读678次

<TouchableOpacity onPress={() => this._itemClick()}

                style={[styles.touchConainer, {marginLeft:this.props.firstItem? 15 : 5, marginRight:this.props.lastItem ? 15 : 5}]}

                activeOpacity={0.8}>

                <View />......

                </TouchableOpacity>

touchConainer:{

        backgroundColor: 'white',

        width:150,

        height:165,

        marginVertical:15,

        shadowColor:'#000000',

        shadowOffset:{w:10,h:2},

        shadowOpacity:0.1,

        shadowRadius:5,

        elevation: 2,//设置此项Android显示阴影,只能是灰色阴影,不支持其他颜色设置(Android)

    },

注意Android页面的Activity图片在Application注册时需要把硬件加速项设为true才可有阴影效果。

相关文章

  • react-native 设置阴影

    this._itemClick()} ...

  • iOS 图片添加阴影效果

    Code 圆形图片设置阴影(补充) < 设置图片圆角阴影

  • UILabel

    ShadowColor 设置阴影颜色 设置阴影颜色 [ label setShadowColor : [UICol...

  • iOS阴影设置详解

    UIView的阴影设置主要通过UIView的layer的相关属性来设置 阴影的颜色 阴影的透明度 阴影的圆角 阴影...

  • UIView加阴影

    UIView的阴影设置主要通过UIView的layer的相关属性来设置 阴影的颜色 阴影的透明度 阴影的圆角 阴影...

  • iOS Layer 阴影效果不显示问题

    设置阴影时,又去设置 masksToBounds = true 阴影效果就不会显示。

  • App开发中遇到的问题

    iOS xib view设置阴影失效问题 设置阴影 设置footer高度无效 iOS 11 TableView h...

  • swift 简一

    swift 设置阴影 & SnapKit & 横竖屏 阴影的设置是通过layer的shadow设置的,其中offs...

  • 二、新创建 一个iOS的项目

    在react-native init 项目 之前 ,要设置淘宝镜像源 2个命令都要执行 react-native ...

  • 2019-06-12 iOS 阴影与圆角并存

    1、设置阴影的代码 2、很多人会发现当设置了阴影后,设置圆角阴影已经不见了,解决办法跟网上说的都差不多设置self...

网友评论

    本文标题:react-native 设置阴影

    本文链接:https://www.haomeiwen.com/subject/hmhlzqtx.html