如何修改modal模式下弹出页面的状态栏颜色？

我正尝试修改以modal模式弹出的页面的状态栏颜色，但遇到了困难。

代码： #

导航器文件 #

<RootStack.Group
        screenOptions={{
            headerShown: false,
            presentation:'modal',
            headerMode: 'none',
        }}>
        <RootStack.Screen
            name={'ScreenName'}
            component={ScreenComponent}/>
 </RootStack.Group>

效果对比 #

• 预期效果：
  

• 当前效果：
  

已尝试的方法： #

1. 在RootStack中设置状态栏属性：

<RootStack.Group
        screenOptions={{
            headerShown: false,
            presentation:'modal',
            headerMode: 'none',
            statusBar: {
                visible: true,
                backgroundColor: 'yellow',
                style: 'dark'
            }
        }}>

2. 在组件内添加StatusBar组件：

<StatusBar
     backgroundColor="purple"
     barStyle="light-content"/>

内容的提问来源于stack exchange，提问作者Mohsin