Criando Tab bar personalizada com React Navigation

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ม.ค. 2025

ความคิดเห็น • 62

  • @lucascaua2133
    @lucascaua2133 3 ปีที่แล้ว +6

    Justamente o que eu precisava, poderia fazer um vídeo ensinando a organizar arquivos de rotas e mesclar navigation pela tab e pelo navigate msm! Like

  • @wesleyluiz7705
    @wesleyluiz7705 3 ปีที่แล้ว +43

    Se alguem estiver tendo erros na hora de estiizar a estilização da tabBar mudou, agora é screenOption e dentro dela passa o tabBarStyle.

    • @raphaelgomescamara1275
      @raphaelgomescamara1275 2 ปีที่แล้ว

      Olá boa noite,
      Você sabe me dizer como eu faço pra alterar a cor da aba que esta selecionada? Vi que na versão anterior era "activeBackgroundColor", eu tentei colocar "tabBarActiveBackgroundColor" mas não mudou nada.

    • @GabrielSampaio01882
      @GabrielSampaio01882 2 ปีที่แล้ว

      pô aí sim tô te devendo um pix mn tmj

    • @LeoRossetto712
      @LeoRossetto712 6 หลายเดือนก่อน

      obrigado, já estava quase apelando para a documentação

  • @yagoassina
    @yagoassina 3 ปีที่แล้ว +1

    Kra muito obrg, sem palavras para todo conhecimento que estou adquirindo de vc.

  • @valderezpesilva4459
    @valderezpesilva4459 3 ปีที่แล้ว +1

    Nossa só conteúdo bommm, Valeu esperando próximo vídeo.

  • @leandrojackson9631
    @leandrojackson9631 ปีที่แล้ว

    muito massa, ajudou mto. Queria fazer um desse mas ao invés desse botão levar pra uma página, ele abrisse mais opções de botão, floating button algo assim q aí ao clicar em algumas dessas opções fizesse algo. Ou seja, não usar o comportamento padrão, q seria de navegar em alguma rota, e sim usar como uma opção para mostrar possíveis rotas.

  • @leonampaula6019
    @leonampaula6019 3 ปีที่แล้ว +9

    Eu desenvolvi uma tab bar recentemente bem similar e me deparei com um problema. A área de clique do botão central que está acima do nível da tabbar não responde ao clique no Android. Consegui contornar isso criando uma tab bar totalmente do zero com a propriedade tab do navigator. Pesquisando mais descobri que o Android não reconhece clicks se um touchable está fora dos limites de uma View. Botões com posicionamento absoluto podem facilmente não responder a cliques no Android se não tiverem uma View pai corretamente implementada.

  • @andredias6356
    @andredias6356 3 ปีที่แล้ว +1

    Muito Obrigado por compartilhar seu conhecimentos, Seus vídeos são muito bom

  • @acm.marques
    @acm.marques 2 ปีที่แล้ว +1

    Aula Boa D+ Matheus.

  • @weversonluandesousa8152
    @weversonluandesousa8152 3 ปีที่แล้ว +2

    voçe e bom mano sempre com conteudos exelentes!

  • @danfealmeida
    @danfealmeida 2 ปีที่แล้ว

    No managed workflow do expo você inciou usando o blank configurado para js né isso?

  • @gr1llard1
    @gr1llard1 3 ปีที่แล้ว +1

    Só conteúdo top Matheus 💥👏🏽

  • @ZiosNeon
    @ZiosNeon 3 ปีที่แล้ว +3

    Eu não falo português mas gosto dos seus vídeos

  • @hemerson327
    @hemerson327 3 ปีที่แล้ว +1

    Aí, siiiim.
    Muito bom, valeu. 😃👏🏼

  • @felipegfsouza
    @felipegfsouza 3 ปีที่แล้ว +1

    conteúdo top mano parabéns

  • @franciscobarbosadossantos1357
    @franciscobarbosadossantos1357 3 ปีที่แล้ว +5

    Valeu Mateus.
    Sugestão:
    Poderia fazer um Drawer totalmente customizado?

  • @15ericson
    @15ericson 3 ปีที่แล้ว +3

    Uma dúvida: eu poderia usar o yarn para instalar a lib?

    • @Sujeitoprogramador
      @Sujeitoprogramador  3 ปีที่แล้ว +3

      Pode sim, mas se for com expo os comando que usamos expo install continuam sendo expo install

  • @devtech8754
    @devtech8754 2 ปีที่แล้ว +1

    cara muito bom, me ajudou de mais no meu projeto + 1 inscrito + like

  • @amadeujanuario
    @amadeujanuario 3 ปีที่แล้ว +1

    10 mil likes para esse rapaz ai do vídeo.

  • @daianesampaio3109
    @daianesampaio3109 3 ปีที่แล้ว

    Amigo, tem alguma video aula sua com crud e consumir api rest?

  • @offline7837
    @offline7837 ปีที่แล้ว

    genial !

  • @muryllopimentadeoliveira9546
    @muryllopimentadeoliveira9546 3 ปีที่แล้ว

    Excelente vídeo, obrigado pelo conteúdo! +1 inscrito

  • @oguzhancengel900
    @oguzhancengel900 2 ปีที่แล้ว

    gracias man,respect from turkey 👍🏻

  • @WagnerDavinci
    @WagnerDavinci 3 ปีที่แล้ว

    Porra show de bola!! Muito obroigado
    tem alguma forma de quando abrir o app já iniciar por uma tab especifica?

  • @pauloricardosilva5438
    @pauloricardosilva5438 2 ปีที่แล้ว

    Vocês tem um forum ou algum lugar para ajudar quem está aprendendo? estou com um problema e não consigo resolver

  • @natanoliveirabravo9027
    @natanoliveirabravo9027 2 ปีที่แล้ว +1

    Got an invalid value for 'component' prop for the screen 'Devs'. It must be a valid React Component.
    Alguém pelo amor de Deus me ajuda ! Já estou a 2 dias pesquisando e quebrando a cabeça pra resolver esse erro ! E não consigo !
    Na hora de linkar a Tab Navigation para as navegações entre telas ele me da esse erro !

    • @opileteu
      @opileteu 2 ปีที่แล้ว

      conseguiu??

  • @WinsiteSistemas
    @WinsiteSistemas 3 ปีที่แล้ว +1

    Professor posso usar um Stack e uma Tab no mesmo projeto? Como ficaria, faz uma aula bacana dessa aí... Valeu abraços ...

  • @icodemobile
    @icodemobile 3 ปีที่แล้ว

    Mas eu adorei seu vídeo, vou colocar essa tab bar no meu projeto tbm...eu curti muito😁❤

  • @gambiarrando
    @gambiarrando ปีที่แล้ว

    Valeu pela aula cara ;)

  • @cristiangalvao8328
    @cristiangalvao8328 3 ปีที่แล้ว

    Obrigado mano, aprendi demais

  • @fatbolado
    @fatbolado 3 ปีที่แล้ว

    Preciso fazer um Tab quase igual a esse, porém funcionando como um slider, pq existem mais icones escondidos na lateral. É possível com o Tab screen?

  • @marcelorafael23
    @marcelorafael23 3 ปีที่แล้ว +1

    Show.

  • @emersonsouza4854
    @emersonsouza4854 2 ปีที่แล้ว +2

    Se alguem estiver tendo erros na hora de estiizar a estilização da tabBar mudou para funcionar tenta assim, no lugar de tabBarOptions muda para screenOptions e no lugar de style muda para tabBarStyle, de resto fica tudo igual

  • @jonathassoares884
    @jonathassoares884 3 ปีที่แล้ว

    Boa Tarde amigo, fiz um bottomTabMenu assim e estou com o seguinte problema: quero que o mesmo sejá escondido quando o teclado for acionado, até ai tudo bem, o problema é que um pedaço do botão central fica aparecendo pra cima do teclado, sabe como posso resolver isso ?

  • @josephribeirosantos
    @josephribeirosantos 3 ปีที่แล้ว +1

    Muito bom esse video. Super bem explicado. Obrigado pelo conteúdo. Tenho apenas uma pergunta, mais por curiosidade. Se eu quiser usar um no botão Plus tem como no Expo?
    Obrigado!
    @Sujeito programador

    • @Sujeitoprogramador
      @Sujeitoprogramador  3 ปีที่แล้ว +1

      Ai é só usar ele lá no ButtonNew ao invés da View, obrigado por acompanhar o conteúdo tamo juntoo 🔥

    • @josephribeirosantos
      @josephribeirosantos 3 ปีที่แล้ว +1

      @@Sujeitoprogramador obrigado você mano. Conteúdo de primeira qualidade. Estou desenvolvendo um app só com seus vídeos. Ainda sim aprendendo react. Vou testar essa dica. Você é top.

  • @icodemobile
    @icodemobile 3 ปีที่แล้ว

    Oi sei que minha divida não tem nada ver com o vídeo: mas o que posso fazer quando eu gero um APK através do expo e da falta falta de memória...vc poderia me ajudar? Obrigado

  • @charlesrune
    @charlesrune 3 ปีที่แล้ว

    E com typescript como seria?

  • @HiperForce
    @HiperForce 2 ปีที่แล้ว

    Amigo como faz pra quando abrir o App ele ir direto para o "Perfil" ao invés de ir direto pro "Inicio" ?

  • @lucasmendeslopes1346
    @lucasmendeslopes1346 2 ปีที่แล้ว

    Como faço para que a tabBar nativa do smartphone não fique por cima dos elementos?

  • @MauricioBeSoria
    @MauricioBeSoria 2 ปีที่แล้ว

    top

  • @mundobinario1303
    @mundobinario1303 2 ปีที่แล้ว +2

    No react native 6x já não funciona mais.

    • @rogerioronne1
      @rogerioronne1 2 ปีที่แล้ว

      Ola amigo, conseguiu resolver esse questão do botão central, to com react native 6x tbm não funcionou aqui tbm

    • @BrunoBrumm
      @BrunoBrumm 2 ปีที่แล้ว +1

      @@rogerioronne1 ainda n 😔

  • @hugosantos6199
    @hugosantos6199 3 ปีที่แล้ว

    agora na versao 6 do react navigation não funciona mais esse (tabBarOptions), vendo a documentação consegui fazer quase tudo que vc fez no video, exceto o (bordertopColor:'transparent')

    • @mateusquinalia8088
      @mateusquinalia8088 3 ปีที่แล้ว

      Entao qual comando que é utilizado no lugar no tabBarOptions ?

  • @igorsena8320
    @igorsena8320 3 ปีที่แล้ว

    fiz tudo certo mas ainda fala que falta algo

  • @savioferreira3940
    @savioferreira3940 3 ปีที่แล้ว

    Só eu que estou tendo problema pra renderizar o conteúdo de tabBarIcon?

    • @ThiagoSMsp
      @ThiagoSMsp 3 ปีที่แล้ว

      Não

    • @ThiagoSMsp
      @ThiagoSMsp 3 ปีที่แล้ว +2

      Para você resolver o problema, você faz isso.
      Ao invés de importar:
      import {Entypo, Feather} from 'react-native-vector-icons';
      você importa separado as bibliotecas de ícones. Assim:
      import Entypo from 'react-native-vector-icons/Entypo';
      import Feather from 'react-native-vector-icons/Feather';
      Vai funcionar!

    • @francisferreira5984
      @francisferreira5984 2 ปีที่แล้ว

      Meu ícone não aparece como no vídeo. Aparece uns traços. A home está inacabada. kkkk

  • @theclipssoundtracks1411
    @theclipssoundtracks1411 2 ปีที่แล้ว +1

    tabBarOptions se tornou obsoleto por pessoal que ta assistindo agora e screenOptions

    • @AlineSouza-gl1pk
      @AlineSouza-gl1pk 2 ปีที่แล้ว

      e ao invés de "style" é tabBarStyle