Screen

A wrapper for each screen, which applies background colors from the design system.

Screen has SafeAreaView baked in, which ensures content does not get obscured by device status bars, cameras and notches.

import { Screen } from "reckon-mobile-design-system";
const Screen = () => (
  <Screen>
    <Text>Hello!</Text>
  </Screen>
);