1
resposta

Menu lateral de navegação

Como crio um app que tenha o menu lateral (sanduíche) de navegação?

1 resposta

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software