反应导航：使用Redux全局应用SafeAreaView

Question

我正在尝试以全局方式将SafeAreaView应用到我的应用中，以避免将其单独插入每个视图中，但当我这样做时，视图的顶部和底部会出现阴影，我意识到是因为我从我的index.js中应用了SafeAreaView，但是当我直接在每个视图中执行时，它按预期工作，你知道为什么或我做错了吗？

使用index.js中的SafeAreaView

const styles = StyleSheet.create({
  safeArea: {
    flex: 1,
    backgroundColor: 'white',
    shadowColor: 'transparent',
  },
});

const AppContainer = () => (
  <Provider store={store}>
    <SafeAreaView style={styles.safeArea}>
      <StatusBar backgroundColor="#EEEEEE" barStyle="dark-content" />
      <AppWithNavigationState />
    </SafeAreaView>
  </Provider>
);

在特定视图中使用SafeAreaView

我试图删除那个阴影，但是不可能。

Answer 1

您需要在shadowColor: 'transparent'

中将cardStyle添加到stackNavigator routeConfig的{​​{1}} {}}}

喜欢这个

cardStyle: {
    shadowColor: 'transparent'
  }