FlatList no React Native da forma CORRETA (Tutorial)

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 37

  • @Coffstack
    @Coffstack  2 года назад +4

    ASSISTA: Scroll Infinito no React Native com FlatList e API REST: ruclips.net/video/fO-b9BAIyeE/видео.html

  • @ivoaurelio1
    @ivoaurelio1 2 года назад +5

    Cara, não sei oq me deixou mais impressionado: a objetividade, a rapidez da explicação, a quantidade de dicas em 10 minutos ou a idade do professor. Seus conteúdos são excelentes! Além de a informação ser extremamente importante a maneira como ele ensina deixa tudo esclarecido e, pra completar, a edição do vídeo prende a atenção. Perfeito! Te desejo todo sucesso!

    • @Coffstack
      @Coffstack  2 года назад +1

      Valeu pelo feedback Ivo. Muito bom saber que o vídeo te ajudou, o canal está só começando!

  • @marceloteodoro5192
    @marceloteodoro5192 10 месяцев назад +2

    Vou aplicar sua AULA na minha flatlist. Se ela resolver a lentidão da minha flatlist, volto aqui e rezo 3 pai nosso.

  • @felipesllopes
    @felipesllopes Год назад

    Cara, vídeo sensacional.
    Não trata do que eu estava buscando mas fez eu assistir até o final e aprender coisas novas.
    Edição e explicação 100%! Ganhou +1 inscrito!

    • @Coffstack
      @Coffstack  Год назад

      Valeu Felipe! Obg por se inscrever! O que vc estava buscando?

    • @felipesllopes
      @felipesllopes Год назад

      @@Coffstack Tmj mano!!
      Então, queria saber como passar valores de uma state pra outra e renderizar isso na flatlist, pensei no extraData mas ainda não entendi mt bem seu uso. Mas acabei resolvendo de maneira mt lógica kkk
      Mas de qualquer forma, se tiver vídeo sobre, agradeço!!

  • @Henrique-sg9wm
    @Henrique-sg9wm 2 года назад

    slk edição perfeita deixando o video mais animado e bom de assistir

  • @felipevalenca5492
    @felipevalenca5492 2 года назад

    Exatamente as informações que procurava ! parabéns pelo conteúdo.

    • @Coffstack
      @Coffstack  2 года назад

      Valeu, Felipe! Que bom que curtiu.

  • @mahyagama6082
    @mahyagama6082 3 года назад

    Ameeeei, tá incrível! Muito sucesso pra vc! 👏

  • @gleydsonbrito1717
    @gleydsonbrito1717 3 года назад

    Boa demais. Rápido, claro e objetivo. Muito fácil de entender.

    • @Coffstack
      @Coffstack  3 года назад

      Valeu Gleydson, esse é nosso objetivo!

  • @dhoncrisley
    @dhoncrisley 2 года назад +2

    Uma dica: as vezes a função renderItem pode receber alguma prop do componente pai, com isso as vezes é bom envolve-la com um useCallback pra evitar rerenders

  • @danilojose7370
    @danilojose7370 Год назад

    O brabo, me salvou mais um vez

  • @mateuscesar_dev
    @mateuscesar_dev Год назад

    Muito bom irmao! Parabens!

  • @claudioadagio
    @claudioadagio 3 года назад

    Vamos fazer esse canal crescer

    • @Coffstack
      @Coffstack  3 года назад

      Uhuuuul, vamos Claudio, obrigado pelo apoio!

  • @luisdomiciano
    @luisdomiciano 9 месяцев назад

    Ótimo vídeo!

  • @alaelciolucas174
    @alaelciolucas174 Год назад

    Faz um vídeo ensinando como criar este arquivo de arrays esta lista?

  • @leonardomotta150
    @leonardomotta150 2 года назад

    Mano você e um genio!!!

    • @Coffstack
      @Coffstack  2 года назад

      Que nada hahaha Obg pelo elogio, Leonardo!

  • @samueloliveira4465
    @samueloliveira4465 Год назад

    E se eu quiser filtrar(filter) algo da lista, com o map é possível, como faço com a FlatList?
    Ótimo vídeo, ajudou muito.

    • @Coffstack
      @Coffstack  Год назад +1

      Não sei se entendi bem sua pergunta, mas se quiser fazer qualquer filtro na lista tem que ser antes de mandar para a flatlist. Passar a propriedade "data" já filtrada.

    • @samueloliveira4465
      @samueloliveira4465 Год назад

      @@Coffstack Eu tinha feito assim:
      {books.filter((book) => {
      if (bookTitle == "") {
      return book
      } else if (book.title.toLowerCase().includes(bookTitle.toLowerCase())) {
      return book
      }
      }).map((book, index) => {
      return (
      )
      })}
      Aí eu conseguia renderizar conforme minha pequisa no input, mas não é muito performático, aí mudei para a FlatList, só que queria filtrar

  • @fexo975
    @fexo975 2 года назад +1

    Cara estou com uma dificuldade de fazer o upload de imagens para a api, estou usando expo e expo-image-picker, axios e a api é em nodejs, alguém tem alguma dica?

  • @MirellaLDS
    @MirellaLDS Год назад

    Prático!

  • @tadeutominesfariafilho2737
    @tadeutominesfariafilho2737 8 месяцев назад

    braboo

  • @brunno_gonzalez_dev
    @brunno_gonzalez_dev 3 года назад

    🔥🔥🔥🔥🔥🔥🔥

  • @kleberpereira8503
    @kleberpereira8503 2 года назад

    Como insiro uma quantidade por página?

    • @Coffstack
      @Coffstack  2 года назад

      Nesse tutorial não tem páginas, a flatlist recebe todos os items que precisa renderizar. Aqui no canal tem um vídeo onde explico como fazer essa paginação através do scroll infinito, dá uma olhada: ruclips.net/video/fO-b9BAIyeE/видео.html