Criando Tab bar personalizada com React Navigation

[@wesleyluiz7705]

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

[@raphaelgomescamara1275]

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]

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

[@LeoRossetto712]

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

[@lucascaua2133]

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

[@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]

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.

[@lucasbueno4262]

Obrigado

[@amadeujanuario]

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

[@ZiosNeon]

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

[@danfealmeida]

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

[@yagoassina]

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

[@franciscobarbosadossantos1357]

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

[@15ericson]

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

[@Sujeitoprogramador]

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

[@emersonsouza4854]

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

[@DeivitiFelskiEfisio]

Booooooooooooooooa

[@valderezpesilva4459]

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

[@acm.marques]

Aula Boa D+ Matheus.

[@andredias6356]

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

[@daianesampaio3109]

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

[@weversonluandesousa8152]

voçe e bom mano sempre com conteudos exelentes!

[@felipegfsouza]

conteúdo top mano parabéns

[@WagnerDavinci]

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

[@WinsiteSistemas]

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

[@pauloricardosilva5438]

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

[@gr1llard1]

Só conteúdo top Matheus 💥👏🏽

[@Sujeitoprogramador]

Tamo junto 🚀

[@gambiarrando]

Valeu pela aula cara ;)

[@devtech8754]

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

[@cristiangalvao8328]

Obrigado mano, aprendi demais

[@offline7837]

genial !

[@charlesrune]

E com typescript como seria?

[@hemerson327]

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

[@Sujeitoprogramador]

🔥🔥🚀

[@muryllopimentadeoliveira9546]

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

[@fatbolado]

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?

[@oguzhancengel900]

gracias man,respect from turkey 👍🏻

[@icodemobile]

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

[@marcelorafael23]

Show.

[@josephribeirosantos]

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]

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

[@josephribeirosantos]

@@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.

[@jonathassoares884]

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 ?

[@HiperForce]

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

[@natanoliveirabravo9027]

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]

conseguiu??

[@lucasmendeslopes1346]

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

[@hugosantos6199]

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]

Entao qual comando que é utilizado no lugar no tabBarOptions ?

[@icodemobile]

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

[@MauricioBeSoria]

top

[@igorsena8320]

fiz tudo certo mas ainda fala que falta algo

[@mundobinario1303]

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

[@rogerioronne1]

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

[@BrunoBrumm]

@@rogerioronne1 ainda n 😔

[@savioferreira3940]

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

[@ThiagoSMsp]

Não

[@ThiagoSMsp]

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]

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

[@theclipssoundtracks1411]

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

[@AlineSouza-gl1pk]

e ao invés de "style" é tabBarStyle