如何在同时使用safeAreaView时删除React Native StackNavigator的内部阴影

时间:2018-01-20 22:51:30

标签: react-native shadow iphone-x

我使用mapply进行新的iPhone X开发,但我在该区域内获得了无聊的阴影。我该如何删除它?

The image is here

import { SafeAreaView } from 'react-native';

更新:我发现可能与StackNavigator存在某种冲突(使用headerMode:' none')。当我的代码中没有safeAreaView时,堆栈会正确隐藏标题。

更新2: @Julien Malige,这就是我的观点。 TKS enter image description here

1 个答案:

答案 0 :(得分:22)

我使用React Navigation属性解决了问题:

  

cardStyle:{shadowColor:'透明' }

const Routes = StackNavigator({
  Identify: { screen: IdentifyRoutes },
}, {
  headerMode: 'none',
  cardStyle: { shadowColor: 'transparent' },
});