Criando Infinite Scroll com React Native | FlatList

Поділитися
Вставка
  • Опубліковано 6 гру 2024

КОМЕНТАРІ • 62

  • @franciscomenezes6970
    @franciscomenezes6970 2 роки тому +2

    Ce ta doiiiiido! que semântica, que simplicidade para explicar esta funcionalidade tão importante para carregar listas. vou praticar ele com typescript !

  • @vielmond1840
    @vielmond1840 2 роки тому

    Parabéns pelo vídeo. Estou vindo do IONIC e começando a programar com React. Sinto que o React é bem mais fácil de trabalhar. Obrigado.

  • @nathangabrielads6640
    @nathangabrielads6640 3 роки тому +3

    Ótimo vídeo, muito massa e muito útil, Parabéns pelo trabalho. Acho que pra ficar mais completo só faltou mostra como destruir os itens mais antigos pq depois de muitos itens pode ficar pesado. Remover os mais antigos seria top.

  • @jonasdhein
    @jonasdhein Рік тому +1

    Excelente material, parabéns!

  • @raimisonmorais6587
    @raimisonmorais6587 2 роки тому +1

    Cara, espetacular suas aulas... bem simples e direto!! Parabéns. ganhou mais um inscrito! abçs.

  • @alexandrezanette6226
    @alexandrezanette6226 3 роки тому

    Sabe muito garoto!! Prático e objetivo... mto obrigado pelo compartilhamento, inclusive já estou no "Insider".
    Vida longa ao seu conhecimento!

  • @willianmedeiros9997
    @willianmedeiros9997 3 роки тому +2

    A explicação ficou top Matheus.
    Valeu.
    Parabéns.

  • @daniellimae
    @daniellimae Рік тому +1

    Ajudou mt mano em uma task que estou fazendo ! obrigado

  • @acm.marques
    @acm.marques 3 роки тому +1

    ótima aula, didática e você me ajudou muito com isso Matheus.
    Thanks!!

  • @brunno_gonzalez_dev
    @brunno_gonzalez_dev 3 роки тому +2

    Show Mestre!!! Sou seu aluno e seu conteudo é TOP!!!!!

  • @alexandreoliveira6557
    @alexandreoliveira6557 2 роки тому

    Meu mano, parabéns pelo vídeo! Ficou muito didático

  • @Eduardo-bn3ne
    @Eduardo-bn3ne 3 роки тому +1

    Video aula top, to sempre aprendendo algo contigo obg!!

  • @andredias6356
    @andredias6356 3 роки тому +1

    Obrigado por compartilhar seu conhecimento

  • @Alvarohmo
    @Alvarohmo 2 роки тому

    Excelente vídeo 👏👏👏

  • @jeronimoivanernestostefane8273
    @jeronimoivanernestostefane8273 3 роки тому

    Muito bom. aprendo muito com voce. ensina a fazer um ver mais no flatlist?

  • @douglasserafim3263
    @douglasserafim3263 3 роки тому +1

    muito bom, parabéns, estava procurando como que faz isso mesmo!

  • @arferrir
    @arferrir 3 роки тому +1

    TOPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
    Cara, estava precisando muito dissso 😍😍😍😍😍😍😍😍😍😍😍😍😍
    Eu sábia que era possível fazer isso, mas não tinha ideia de como montar um infinite scrolll usando FlatList e os hooks. Muito obrigado.

    • @antoniovuono4521
      @antoniovuono4521 3 роки тому

      Você sabe se tem como limitar esse scroll ? ou só fica infinito ?

  • @RenatoDuartePinheiro
    @RenatoDuartePinheiro 3 роки тому +1

    Obrigado pelo conteúdo. Muito bom.

  • @Wiliammd
    @Wiliammd 3 роки тому

    o cara é bom

  • @develolder
    @develolder 2 роки тому +1

    top.. vlw precisava disso exatamente agora :)

  • @gustavotiburcio4134
    @gustavotiburcio4134 3 роки тому

    Sem palavras cara, me salvou muito!!

  • @iagopinto3285
    @iagopinto3285 3 роки тому

    muito obrigado

  • @MauPiloto
    @MauPiloto 3 роки тому +1

    Sensacional!!!

  • @wandersonbaldacine
    @wandersonbaldacine 3 роки тому

    Muito bom, parabéns.
    Conseguir implementar, agora como eu consigo incluir um search(filtro) ? tem algum video explicativo?
    Obrigado!

  • @rafaelpilartes
    @rafaelpilartes 2 роки тому

    Faz um vídeo de como criar Drag and Drop list no React Native, vai ser massa de mais

  • @liturgiadias
    @liturgiadias 2 роки тому

    Muito bom 😁

  • @fellipecostareis3730
    @fellipecostareis3730 3 роки тому

    Ótimo vídeo! É possível fazer a ordenação de uma FlatList a partir de datas?

  • @eliasfaical8879
    @eliasfaical8879 3 роки тому +1

    Muito bom!

  • @CarlosEduardo-sy6mr
    @CarlosEduardo-sy6mr 3 роки тому

    Ótimo vídeo. Essa maneira de utilizar componentes ao invés de apenas funções no renderItem, por exemplo. É algo relacionado a performance ou só preferência?

  • @felipegerhardt8600
    @felipegerhardt8600 3 роки тому

    Vídeo brabo. Mas como se destrói os componentes antigos?

    • @felipegerhardt8600
      @felipegerhardt8600 3 роки тому

      Comprei seu curso pcausa desse vídeo

    • @lucasrs1550
      @lucasrs1550 2 роки тому

      conseguiu? estou tendo a mesma dificudade.. quando eu troco o parametro da pesquisa ele concatena com o antigo array ao inves de apagar, mesmo eu setando como vazio antes

  • @TutoMaster
    @TutoMaster 6 місяців тому

    E quando eu for usar filtros e campo de pesquis?
    Tudo que eu tenho que fazer, é resetar o page pra 1 sempre que o search mudar? E tbm atualizar o state?
    Porque se não os items iam ficar acumulando no state

  • @antoniovuono4521
    @antoniovuono4521 3 роки тому

    Muito bom o conteúdo ! Vamos supor que tenho 10 páginas na minha API, como eu faço pra função parar de adiantar as páginas ?

  • @amesqFF
    @amesqFF 3 роки тому

    Vídeo muito bom, mas eu fiquei um pouco perdido nessa parte do useEffects... nessa questão do loading tbm, essa parte do useEffects tá dando um nózinho da cabeça....

  • @jeffymesquita
    @jeffymesquita 3 роки тому +1

    e um Fast Refresh, como ficaria?

  • @ALEXANDROJAFS
    @ALEXANDROJAFS 3 роки тому

    Muito massa. Existe exemplo de cada card desse ser um botão que quando eu clicar ele exibir uma mensagem?

    • @wandersonbaldacine
      @wandersonbaldacine 3 роки тому +1

      Amigo, ver se esse card tem a propriedade onpress={}. Caso nao tenha inclua o touchOpacity vai te ajudar.

  • @mattsouza1448
    @mattsouza1448 3 роки тому +1

    mano eu to fazendo um scanner de qrcode e estava usando o expo porem o qrcodebarscanner nunca ficava em fullscreen, ai optei por usar o camera do proprio expo q tambem tem embutido nele o scanner, porem nao consigo definir um ponto de focus nele, e se eu usar padrao ele detecta o qrcode fora da area q criei para scannear, se vc souber outro jeito de definir o focus ia me salvar pq agr to tentando com o proprio RNCamera do react native(nao consegui fazer funcionar o RNCamera com o expo)

  • @abelandre930
    @abelandre930 2 роки тому

    Tem como implementar esse scroll em um json local? Tipo, tenho uma lista fixa de mais de 10.000 itens para consulta, e ao abrir o app essa lsita precisa estar disponível. Os itens são localizados por ID ou nome. No entanto necessita de uma lista. Não eh uma boa prática colocar 10k itens em uma lista ao abrir o app

  • @paulohenriquepiresdeolivei6336
    @paulohenriquepiresdeolivei6336 6 місяців тому

    Boa noite meu amigo, estou aprendendo agora, no entanto estou tentando criar um servidor local em PHP e criar uma api que retorna os dados, ao testar com o expo funciona normalmente porém após gerar o apk não consigo nem logar na aplicação. Poderia me ajudar!

  • @amesqFF
    @amesqFF 3 роки тому

    no minuto 08:57 voce fala que precisa verificar "se isso aqui" já está em loading.... o que exatamente voce quiz falar " se isso aqui", desculpa a ignorancia

  • @willianvicentini1135
    @willianvicentini1135 Рік тому

    top

  • @ALEXANDROJAFS
    @ALEXANDROJAFS 3 роки тому

    Isso é também um consumo de api?

    • @Sujeitoprogramador
      @Sujeitoprogramador  3 роки тому +1

      Opa beleza? Nao entendi

    • @ALEXANDROJAFS
      @ALEXANDROJAFS 3 роки тому

      @@Sujeitoprogramador É que vc pegou um endereço e está colocando as informações desse endereço e exibindo no exemplo. Nesse caso é um consumo de api externa?

    • @ALEXANDROJAFS
      @ALEXANDROJAFS 3 роки тому

      @@Sujeitoprogramador Eu instalei no smartphone e quando eu fico offline não funciona. Ou seja tipo só funciona quando recebe as informações da api?

    • @wesley4762
      @wesley4762 3 роки тому

      @@ALEXANDROJAFS sim

  • @amplondesign3387
    @amplondesign3387 3 роки тому +1

    boa tarde estou com um problema. você pode me ajudar?

    • @Sujeitoprogramador
      @Sujeitoprogramador  3 роки тому

      Certo mas qual problema?

    • @amplondesign3387
      @amplondesign3387 3 роки тому

      @@Sujeitoprogramador eu criei uma app pelo expo usando o react. Coloquei ele no play Store, ela pegou a primeira versão tranquilo, mas agora a atualização da nova versão não está abrindo. Está dando App parou

    • @amplondesign3387
      @amplondesign3387 3 роки тому

      @@Sujeitoprogramador ???

    • @Sujeitoprogramador
      @Sujeitoprogramador  3 роки тому

      @@amplondesign3387 Precisa fazer os testes antes de enviar a segunda versao pra loja se está OK, funcionando tudo certo.

  • @arthurrodrigues5382
    @arthurrodrigues5382 2 роки тому

    sshhhoooowwww

  • @arupde6320
    @arupde6320 3 роки тому

    speak in english man .. good video ..