[#0006] Configurar a navegação

[gioliveirass]

Descrição da atividade

Criar navegação da aplicação mobile.

DoR

• [x] Cabe em uma sprint (de preferência não maior que 8 story points)
• [x] Validado com o cliente

DoD

• [x] Testado e integrado
• [x] Sem bugs observados / review
• [x] Code review
• [x] Atende aos critérios de aceite
• [x] Documentado
• [x] Aceito pelo PO

[ThHenrique]

Documentação

Bottom Navigation Print

Params das rotas

export type RootStackParamList = {
  SignIn: undefined;
  Partnership: { id: string; name: string };
  Partnerships: undefined;
  Home: undefined;
  HomeStack: undefined;
};

Stack Navigation

export function AppRoutes() {
  return (
    <NavigationContainer>
      <Stack.Navigator
        initialRouteName="SignIn"
        screenOptions={{
          headerShown: false,
        }}
      >
        <Stack.Screen name="SignIn" component={SignIn} />
        <Stack.Screen name="HomeStack" component={BottomTabs} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

Bottom Navigation

<BottomTab.Navigator
      initialRouteName="Home"
      screenOptions={{
        headerShown: false,
      }}
      tabBar={props => <CustomTabBar {...props} />}
    >
      <BottomTab.Screen
        name="Home"
        component={Home}
        options={{ tabBarLabel: "Home" }}
      />
      <BottomTab.Screen
        name="Partnerships"
        component={Partnerships}
        options={{ tabBarLabel: "Parcerias" }}
      />
      <BottomTab.Screen
        name="Partnership"
        component={Partnership}
        options={{ tabBarLabel: "Meu Perfil" }}
      />
    </BottomTab.Navigator>

[gioliveirass]

@ThHenrique MUITO BOM!!! Depois que você arrumar o problema que vimos em sala (sobre não estar funcionando corretamente quando o usuário erra o login), pode marcar como done.