Status bar color is customized appropriately

A dark app with barStyle="dark-content" renders dark icons on a dark background — time, battery, and signal become invisible. On Android, omitting backgroundColor means the status bar inherits theme colors that may not match the navigation, producing a visible seam between system and app UI. Users perceive this as a rendering bug and submit screenshots to support, inflating ticket volume for a single-line fix.

Configure StatusBar once at the root of the app, matching barStyle to the background luminance:

import { StatusBar } from 'react-native';
export default function App() {
  return <><StatusBar barStyle="dark-content" backgroundColor="#ffffff" /><Navigation /></>;
}

Use barStyle="light-content" for dark themes and barStyle="dark-content" for light themes; override per-screen only when a hero banner demands inverted contrast.