ReactNative系列

react-native 设置阴影

2019-05-20  本文已影响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才可有阴影效果。
上一篇 下一篇

猜你喜欢

热点阅读