Android StatusBar and Navigation Bar must be gray background when modal is open

[xdarkleonx]

I have light styled screen with white statusBar background. When I calls modal, background screen becomes gray but statusBar still white. This is not entirely correct behavior and background color of statusBar must be gray too. I think this functionality must be from box but not workaround.

[GabrielFn]

i have the same problem

[renrizzolo]

This is not something that the Modal component can take care of as far as I know.
You have to update the statusbar colour when the modal is toggled.

const App = () => {
  const [statusBarColor, setStatusBarColor] = useState('white')

  const toggle = bool =>
    bool ? setStatusBarColor('rgba(0,0,0,0.5)') : setStatusBarColor('white')

  return (
    <>
      <StatusBar
        backgroundColor={statusBarColor}
        barStyle={'dark-content'}
        animated
      />
      <View>
        <SectionedMultiSelect
            ...
          onToggleSelector={toggle}
        />
      </View>
    </>
  )
}

[xdarkleonx]

Same thing with navigation bar color on andoid (phones which have digital bottom buttons). When you open modal, navigation bar color changes to white even if color was black. And trick with onToggleSelector is not working. Any ideas how to fix that?

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[github-actions]

This issue was closed because it has been stalled for 5 days with no activity.