React native SafeAreaView中的动态背景色

我使用的是

react navigation

提供的

SafeAreaView

，里面有我的导航控制器

我想要的是标题的动态颜色，即

iOS

和

android

中的凹口。我想为不同的屏幕设置不同的背景

这就是我使用SafeAreaView的方式

<SafeAreaView
    style={{flex:1}
    forceInset={{ bottom: 'always', top: 'always' }}>
    <Root>
      <StatusBar barStyle="light-content" />
      <ReduxNavigation />
    </Root>
</SafeAreaView>

谁能给我一个解决方案吗