react-native - react 导航:通过Redux全局应用SafeAreaView

我试图以一种全局方式将SafeAreaView应用于我的应用程序，以避免将其分别插入每个 View 中，但是当我这样做时，在 View 的顶部和底部出现一个阴影，我意识到那是因为我从我的index.js，但是当我直接在每个 View 中运行时，它都能按预期工作，您知道为什么还是做错了什么？

在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>
);

react-native - react 导航:通过Redux全局应用SafeAreaView-LMLPHP

在特定 View 中使用SafeAreaView

我试图消除该阴影，但无法实现。

最佳答案

无论在shadowColor: 'transparent'中使用它的何处，都需要将cardStyle添加到stackNavigator的routeConfig中

像这样

cardStyle: {
    shadowColor: 'transparent'
  }