Renderers, themes, fonts, and images in the mobile starter
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.
Supporting images
React Native requires bundled image references to be statically discoverable. Add files under
assets/supporting-images, then regenerate the lookup table:
Code
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 for the binding-level APIs.