Low Code Mobile
...
Tela
Ajustando Tela e Componentes

Criar Carrossel de forma dinâmica

Exemplo de Carrossel

Para fazer um carrossel de forma dinâmica será necessário do seguinte código em mount da tela principal:

Document image

JS


Com o código pronto podemos passar para a utilização em cada caso, para se mover entre o array na ação de click de um botão ou elemento qualquer deve-se ter o seguinte código mostrado abaixo, para próximo e anterior respectivamente:

Document image

JS

Document image

JS


Para não haver erros de clicks infinitos também e necessário em mount desses mesmos elementos a acao de desabilitar o botão te que a informação chegue:

Document image




JS

Document image

JS


Com isso você já estará navegando entre as posições do array, agora para os dados serem mostrados você somente precisara da função effect e de chamar a função ( get lead ) como mostrado abaixo em cada elemento que precisar mostrar o valor, será mostrado dois exemplos:

Document image




JS

Document image

JS