È possibile sovrascrivere ogni blocco UI con un widget Flutter, mixando il no-code con Flutter.
dart
UIBox(
'Button',
overrides: const [
Override('Label')
..setText('Click me!'),
],
),dart
UIBox(
'Social Card',
overrides: const [
Override('Image')
..setImage('https://...'),
],
),dart
UIBox(
'Social Card',
overrides: const [
Override('Post Title')
..setColor(Colors.white, 0.5),
],
),Se nel componente no-code l'elemento a cui si vuole sovrascrivere il figlio ne ha già uno, verrà rimosso e sostituito con quello inserito dall'utente tramite codice.
È possibile utilizzare la UIBox anche all'interno di altre UIBox. Questo offre un grado di personalizzazione molto elevato.
dart
UIBox(
'Component name',
overrides: const [
Override('Element id')
..setChild(UIBox('Other component')),
],
),È possibile sovrascrivere anche i figli di un elemento.
dart
UIBox(
'Component name',
overrides: const [
Override('Element name')
..setChildren([Text('Child 1'), Text('Child 2')]),
],
),Warning
Si consiglia di utilizzare solo un override per elemento, poiché viene presa in considerazione solo la prima.
Warning
Se si tenta accidentalmente di sovrascrivere i figli a un elemento con un solo figlio, la modifica da parte del codice sarà semplicemente ignorata.