Ustawienia wyglądu i działania:
Name(obowiązkowe) - nazwa komponentu.
Direction(obowiązkowe) - sposób ułożenia elementów wewnątrz kontenera, pionowo lub poziomo. Poziomo jest domyślnie.
Wrap(mandatory) - zawijanie treści, gdy wykracza ona poza granice kontenera. Nowrap by default
Alignment (obowiązkowy) - wyrównanie elementów w kontenerze. Start by default.
Sizes(mandatory) - wymiary kontenera. W pikselach lub w procentach. Width 100% by default
Max Width (obowiązkowe) - maksymalna szerokość kontenera w pikselach lub procentach. 100% domyślnie.
Margin(obowiązkowe) - tiret zewnętrzne. 0 domyślnie.
Padding(obowiązkowe) - tiret wewnętrzne. 0 domyślnie Obraz, Gradient lub Nakładka (nieobowiązkowe) - dla tła.
Background color (nie obowiązkowe) - kolor podstawowy dla tła.
Border(nie obowiązkowe) - ustawienia obramowania komponentu.
Visible(obowiązkowo) - sprawia, że komponent jest widoczny, jeżeli jest włączony. Domyślnie włączony.
Wyzwalacze przepływu pracy:
- onCreate- odpala się, gdy element jest tworzony na stronie;
- onShow- wywołuje się, gdy element zmienia swój stan na widoczny (wyświetlany na stronie);
- onHide- odpala się, gdy element zmienia swój stan na ukryty (przestaje być wyświetlany);
- onDestroy- zostanie wywołany, gdy element zostanie zniszczony;
- onClick- zostanie wywołany po kliknięciu na komponent.
Component Actions:
Container get properties
Gets the container's properties.
Parametry wejściowe:
- Component Id [string] - identyfikator komponentu kontenera.
Parametry wyjściowe:
- Width[string] - szerokość komponentów;
- Height[string] - wysokość komponentów;
- Flex direction [enum] - kierunek komponentów;
- Wrap[enum] - zawijanie komponentów;
- Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
- Alignment vertical [enum] - wyrównanie komponentu w pionie;
- Margin[string] - margines komponentu;
- Padding[string] - padding komponentu;
- Border[string] - obramowanie komponentu;
- Background color[string] - kolor tła komponentu;
- Visible[boolean] - stan widoczności komponentu.
Container set properties
Pobiera właściwości kontenera.
Parametry wejściowe:
- Component Id [string] - identyfikator komponentu kontenera.
Parametry wyjściowe:
- Width[string] - szerokość komponentów;
- Height [string] - wysokość komponentów;
- Flex direction [enum] - kierunek komponentów;
- Wrap [enum] - zawijanie komponentów;
- Alignment horizontal[enum] - wyrównanie komponentu w poziomie;
- Alignment vertical [enum] - wyrównanie komponentu w pionie;
- Margin[string] - margines komponentu;
- Padding[string] - padding komponentu;
- Border[string] - obramowanie komponentu;
- Background color [string] - kolor tła komponentu;
- Visible [boolean] - stan widoczności komponentu.
Container update properties
Aktualizacja właściwości kontenera
Parametry wejściowe:
- Component Id [string] - identyfikator komponentu container;
- Width[string] - szerokość komponentów;
- Height[string] - wysokość komponentów;
- Flex direction [enum] - kierunek komponentów;
- Wrap [enum] - zawijanie komponentów;
- Alignment horizontal [enum] - wyrównanie komponentu w poziomie;
- Alignment vertica l [enum] - wyrównanie komponentu w pionie;
- Margin[string] - margines komponentu;
- Padding[string] - padding komponentu;
- Border[string] - obramowanie komponentu;
- Border radius [string] - promień obramowania komponentu;
- Background color [string] - kolor tła komponentu;
- Visible [boolean] - stan widoczności komponentu.
Przykład użycia.
Kontener może być użyty do grupowania elementów. Na przykład, aby złożyć formularz z kilku różnych pól wejściowych:
