Campo personalizzato renderers

Personalizzato renderers cambiare presentazione nativa senza spostare i calcoli, visibilità, requisiti, o convalida da form0-core.

Sovrapposizioni per forma

Passare una mappa renderer direttamente a FormRenderer per una forma isolata:

Code
import { FormRenderer } from "form0-react-native"
import { PhotoField } from "./photo-field.jsx"

;<FormRenderer schema={schema} renderers={{ PhotoField }} />

Una renderer riceve il campo e il suo stato di interazione valutato:

Code
function PhotoField({ field, value, onChange, readOnly, required, error, inputProps }) {
  // Render application-owned capture, preview, and removal controls.
}

Mantieni le proprietà applicabili da inputProps e chiama onChange con la forma del valore prevista dal confine schema e submission.

Fornitori, registri e override globali

Utilizzare FieldRegistryProvider per un'override sottoalbero o createFieldRegistry({ includeDefaults, renderers }) per un'istanza del Registro di sistema esplicita. livello di modulo registerFieldComponent, unregisterFieldComponent e resetFieldComponents helper mutano il registro predefinito condiviso e sono meglio riservati per il codice bootstrap o test.

È possibile registrare solo i tipi di campo dichiarati da form0-core. Un nuovo tipo di campo schema deve prima essere definito in Core; uno renderer nativo da solo non può estendere il contratto schema.