react-navigation 在某些界面不需要导航阴影
496 行
let platformContainerStyles;
if (Platform.OS === 'ios') {
platformContainerStyles = {
borderBottomWidth: StyleSheet.hairlineWidth,
borderBottomColor: '#A7A7AA',
};
} else {
platformContainerStyles = {
shadowColor: 'black',
shadowOpacity: 0.1,
shadowRadius: StyleSheet.hairlineWidth,
shadowOffset: {
height: StyleSheet.hairlineWidth,
},
elevation: 4,
};
}
可以看到:
iOS 和 安卓实现的原理是不一样的
iOS 是通过设置 borderBottomWidth borderBottomColor 来实现的
可以看出iOS 中将 borderBottomWidth 设置为 0 即可
安卓是通过阴影来实现的
可以看出安卓中 设置 shadowOpacity 为 0 即可获赠 elevation: 0 可也以
所以在 headerStyle 中按照如上设置即可