Thèmes, polices et images

Thèmes de couleur

colorMode accepte light ou dark. Fournissez un customTheme partiel pour surcharger des jetons; binding le fond avec le thème intégré sélectionné. Une application peut résoudre le périphérique préférence avec React Native 's useColorScheme et passer le mode résultant.

Code
<FormRenderer schema={schema} colorMode="dark" customTheme={{ color: { primary: "#7c3aed" } }} />

lightTheme, darkTheme, mergeThemes, et getThemeByName sont exportés au niveau de l'application composition du thème. ThemeProvider et useTheme peuvent garder l'interface utilisateur native forme.

Polices empaquetées

Le paquet exporte ses actifs Figtree via form0Fonts. Dans Expo, chargez-les à l'application Démarrage avant le rendu du formulaire:

Code
import { useFonts } from "expo-font"
import { form0Fonts, FormRenderer } from "form0-react-native"

const [fontsLoaded] = useFonts(form0Fonts)
if (!fontsLoaded) return null

return <FormRenderer schema={schema} />

Images de soutien

Les chemins HTTP et HTTPS distants sont résolus par défaut en { uri }. React Native nécessite des paquets locaux images à découvrir statiquement, alors fournissez un imageResolver qui mappe les chemins schema à Sources d'images importées ou requises:

Code
const images = {
  "safety/helmet.png": require("./assets/safety/helmet.png"),
}

<FormRenderer schema={schema} imageResolver={(path) => images[path] ?? null} />

Le Expo starter maintenu génère ce mappage lorsque les ressources d'image de support changent.