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
Did this page help you?
Tela
Criar Carrossel de forma dinâmica