Display and theme

Toggle the theme and swipe the screen. The example shows the logical display size, pixel density, safe rectangle, and platform state. Switch boards in Studio to compare rectangular and round glass.

ThemeProvider follows Appearance unless given a scheme override. DynamicColor is called inside style expressions so its result follows theme changes. useColorScheme reports the current scheme.

SafeAreaView keeps children inside the display's usable rectangle. useWindowDimensions, Dimensions, and PixelRatio report logical size and scale; useDisplay also provides shape, safeRect, contains(x, y), and insetAt(y) for layouts that follow the glass. GestureDirection names the directions emitted by onGesture.

Platform.OS is kog, AppState.currentState is active, and I18nManager.isRTL is false. StatusBar draws nothing because there is no operating-system status bar. InteractionManager.runAfterInteractions schedules the display log for the next frame. These are the actual device semantics, not simulated phone services.