Como crio um app que tenha o menu lateral (sanduíche) de navegação?
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!