ShadowOffset不适用于Android

时间:2017-04-12 15:03:58

标签: react-native

我在组件上使用以下样式:

const styles = {
    viewStyle: {
        backgroundColor: '#F8F8F8',
        justifyContent: 'center',
        alignItems: 'center',
        height: 60,
        paddingTop: 15,
        shadowColor: '#000',//About the shadow setting
        shadowOffset: { width: 0, height: 2 },//About the shadow setting
        shadowOpacity: 0.2,//About the shadow setting
    },
    textStyle: {
        fontSize: 20
    }
};

阴影无法渲染。 enter image description here

有人可以告诉我为什么吗?

2 个答案:

答案 0 :(得分:4)

根据this page,影子道具仅在iOS上实现。

答案 1 :(得分:4)

正如A. Goodale所说,影子道具仅适用于iOS。使用Android,您可以在视图样式中使用elevation

viewStyle: {
    backgroundColor: '#F8F8F8',
    justifyContent: 'center',
    alignItems: 'center',
    height: 60,
    paddingTop: 15,
    elevation: 4,
},