# Renderers, themes, fonts, and images in the mobile starter

<PageBadges />

## Theme and fonts

The application root loads `form0Fonts` with `expo-font` before rendering and wraps its UI in
`ThemeProvider`. Configure the base color mode and optional theme overrides in `form0.config.js`.
The surrounding starter screens use the same theme tokens as the form.

## Renderer overrides

Map schema field types to renderer identifiers in `form0.config.js`, then map those identifiers to
components in `src/field-renderers/resolver.js`. Keeping components out of the configuration file
preserves a serializable, tool-friendly configuration boundary.

For renderer props and registration behavior, use the
[custom renderer documentation](/bindings/react-native/custom-renderers).

## Supporting images

React Native requires bundled image references to be statically discoverable. Add files under
`assets/supporting-images`, then regenerate the lookup table:

```bash
npm run generate-images
```

Commit both the asset and `src/supporting-images/index.js`. The start scripts regenerate the file,
and CI verifies that the committed registry is current. Remote HTTP and HTTPS image paths do not
need registry entries.

See [Themes, fonts, and images](/bindings/react-native/themes-assets) for the binding-level APIs.