如何在iOS上覆盖App容器主题背景颜色

Question

这是问题所在 。如您所见，状态栏为暗

我试图在react native应用程序中更改状态栏的背景颜色。 我的 app.js 如下所示：

      <AppContainer
        theme="dark"
        ref={navigatorRef => {
          NavigationService.setTopLevelNavigator(navigatorRef)
        }}
      />
    </Provider>

如果我将主题设置为 light ，则状态栏颜色将变为白色，但这不是我想要的。

我想将自定义背景色设置为与照片（粉红色）相同的颜色，以使状态栏延续主屏幕。

我的AppContainer定义为

  {
    Loading: LoadingScreen,
    Welcome: AuthStack,
    DashboardModal: ModalStackNavigator,
    Dashboard: DashboardDrawerNavigator,
    TakeAction: TakeActionStack,
    History: HistoryStack,
    About: AboutStack,
    Calendar: CalendarStack,
    Devices: DevicesStack,
    Feedback: FeedbackStack,
    InsurancePolicy: InsurancePolicyStack,
    MedicalRecord: MedicalRecordStack,
    ServicePackages: ServicePackagesStack,
  },
  {
    initialRouteName: 'Loading',
    mode: 'modal',
    headerMode: 'none',
    defaultNavigationOptions: {
      gesturesEnabled: false,
    },
  }
)

export const AppContainer = createAppContainer(AppNavigation)

我知道React Native导航应用程序容器仅支持两个主题：浅色和深色。 如何添加自定义主题或覆盖状态栏的背景颜色？

我尝试通过导航选项在 AppNavigation 中设置背景颜色，但这没有帮助

更新。一段时间后，我在状态栏周围做了一个包装，现在标题看起来像，但我不知道如何隐藏行进的黑色行来自 create-reconnavigation的容器。

请帮助！