Ajustando Tela e Componentes
UUID
- Identificador único que cada elemento/componente possui.
Eventos
É possível adicionar um evento a um elemento.
- Mount: Eventos de mount são realizados quando o elemento renderiza na tela;
- Click: Evento de click é relacionado à interação do usuário com o elemento. Só tem no botão e no flex.
Tela
Propriedades da tela:
- loading: Mostra o indicador de carregando antes da tela renderizar
- Initial: Marca a tela como a inicial do app
- Pathname: Nome que referencia a tela, usado para rotas
- space:
Botão
Propriedades do botão: Disabled: Desabilita o botão; Hidden: Esconde o botão; Loading: Mostra um indicador de "carregando"; Rounded: Arredonda o botão; Color: Mudar a cor do botão; Text: Texto que aparece dentro do botão; Variant: Seleciona Estilos variados do botão.
Câmera
Propriedades da câmera: Hidden: Esconde a câmera.
Carrosel
Propriedades do Carrossel: Hidden: Esconde o Carrossel; Show Pagination: Mostra a paginação do Carrossel; Slides per view: Colocar quantidade de slides por exibição; Space Between: Espaço entre os slides;
Flex
Propriedades do Flex: Hidden: Esconde o flex; Disabled: Desabilita o flex; Direction: Verifica se o flex será na vertical ou na horizontal; Space: Utilizada para dar um espaçamento entre os itens, funciona da mesma forma que o Gap. Vale destacar que o layout do Space será determinado pelo Direction, que pode ser horizontal ou vertical.
Formulário
Propriedades do Form: Hidden: Esconde o Formulário; Space: Utilizada para dar um espaçamento entre os itens, funciona da mesma forma que o Gap. Vale destacar que o layout do Space será determinado pelo Direction, que pode ser horizontal ou vertical.
Get
Propriedades do Get: Hidden: Esconde o Get; URL: URL de onde será feita a requisição.
Ícone
Propriedades da Imagem: Hidden: Esconde a imagem; Source: De onde virá a imagem.
Input
Propriedades do Input: Type: Seleciona o Tipo Input; Disabled: Desabilita o Input; Hidden: Esconde a imagem; Required: Verifica se é obrigatório; Rounded: Arredondar o Input; Label: Título do Input; Placeholder: Texto que ficará no input; Name: Nome do componente Value: Valor do componente
Texto
Propriedades do Text: Hidden: Esconde o Text; URL: URL de onde será feita a requisição.
ListFetcher
Propriedades do ListFetcher: Hidden: Esconde o ListFetcher; URL: Url de onde será feita a requisição
Mapa
Propriedades do Maps: Hidden: Esconde o mapa; Provider:
Quando escolhida a opção "Google Maps".
- Google Maps:
- Latitude:
- Longitude:
- Markers
- Title:
- Description:
- Latitude:
- Longitude:
Select
Propriedades do Select: Disabled: Desabilita o Select; Hidden: Esconde o Select; Rounded: Arredondar o Select; Label: Título do Select; Name: Placeholder: Texto que aparecerá no componente; Value: Options: Opções que aparecerão. Text: Texto da opção; Value: Valor que será selecionado.
TextArea
Propriedades do TextArea: Disabled: Desabilita o TextArea; Hidden: Esconde o TextArea; Label: Título do TextArea; Name: Nome do componente Placeholder: Texto que aparecerá no componente; Value: Valor do componente
WebView
Propriedades do WebView: Hidden: Esconde o WebView; URL: Url de onde será feita a requisição