Como crio um app que tenha o menu lateral (sanduíche) de navegação?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como crio um app que tenha o menu lateral (sanduíche) de navegação?
Fala Francisco, tudo bem ?
Dê uma olhada no suporte aos drawer menus da lib React Native Navigation => docs
É possível, quando você configura qual mecanismo de navegação vai usar (singleScreenApp ou tabBasedApp), passar mais uma propriedade contendo o objeto que configura seu DrawerMenu.
Navigation.startSingleScreenApp({
screen: {
screen: 'HomeScreen',
title: 'Bem-vindo!',
navigatorStyle: {},
navigatorButtons: {
leftButtons: [
{ id: 'sideMenu' }
]
}
},
drawer: {
left: {
screen: 'DrawerMenuComponent',
fixedWidth: 700,
},
style: {
drawerShadow: true,
contentOverlayColor: 'rgba(0,0,0,0.2)'
},
type: 'MMDrawer',
animationType: 'parallax',
},
});
Você pode além de configurar o drawer menu usar a propriedade navigatorButtons do screen que está usando para passar uma lista de botões. No exemplo acima já temos um botão de sideMenu sendo exibido ( já existe o botão padrão pro menu hamburger =] ).
Imagino que isso já seja suficiente, mas para casos mais complexos ou particulares você pode ir mais além consultando essa parte da documentação => adding buttons to the navigator.
Espero ter ajudado. Abraço!