我在组件上使用以下样式:
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
}
};
有人可以告诉我为什么吗?
答案 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,
},