Curso de React Native - Curso de React Native #17: Navegação entre Abas

Aprenda a programar - Confira em: https://hotm.art/pacote-aprenda-a-programar Neste vídeo você vai aprender como navegar entre abas usando a biblioteca react navigation. Possivelmente, o estilo mais comum de navegação em aplicativos para dispositivos móveis é a navegação baseada em abas. Pode ser abas na parte inferior da tela ou no topo abaixo do cabeçalho (ou até mesmo no lugar do cabeçalho). É possível customizar a aparência através de algumas propriedades que são definidas quando se inicializa o navegador de abas. Esta é a décima sétima parte do curso de React Native gratuito, que busca ser completo para que você possa entender como criar aplicativos para android e ios utilizando código javascript e react. Um abraço, Developer Plus OBSERVAÇÕES: ======================================================= Na versão 4.0 do React Navigation, os navegadores foram movidos para diferentes repositórios. Então, para usar o 'createBottomTabNavigator', é preciso instalar o pacote correspondente com o comando abaixo: npm install react-navigation-tabs Após instalar, para importar no código, ao invés de fazer assim: import { createBottomTabNavigator, createAppContainer } from 'react-navigation'; Faça assim: import { createAppContainer } from 'react-navigation'; import { createBottomTabNavigator } from 'react-navigation-tabs'; ======================================================= Na versão 5.0 do React Navigation, faça assim: npm install @react-navigation/native npm install @react-navigation/bottom-tabs import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; ... const Tab = createBottomTabNavigator();