Então, vamos adicionar esse último padrão de navegação principal que você vê nos aplicativos para dispositivos móveis, e é claro que há uma porta lateral
que oferece riscos à navegação, como coberto pelo papai, e a partir da navegação de reação, você pode importar o create draw
e o Navigator, que fazem exatamente o que parece.
Isso facilita a criação desse padrão de navegação baseado em sorteio e fornece um sorteio
e toda a funcionalidade necessária para controlar a palha da caixa, o que é obviamente muito conveniente.
Então, simplesmente criamos um novo navegador e farei isso na parte inferior deste arquivo.
E apenas uma observação rápida, é claro, você pode dividir isso em vários arquivos e ter
cada navegador em seu próprio arquivo e, em seguida, fundi-los em um arquivo, importando-os para um arquivo central.
Isso é algo que você poderia fazer.
Achei mais fácil para este tutorial também manter tudo em um arquivo.
Um arquivo muito grande demais, mas você definitivamente pode dividir isso.
Então, criarei meu navegador de desenho aqui na parte inferior deste arquivo e todos armazenados nessa constante chamada
Navegador principal, porque no final é isso que é.
Este será o nosso navegador principal no final, porque a guia estará dentro do sorteio e o navegador no
final, nossos haps aqui.
Então, nas duas guias.
Temos acesso a esse sorteio lateral e decidimos que o sorteio nos permite ir para uma nova tela que não fará
parte de nossas torneiras.
Portanto, o navegador de desenho está acima do navegador de guias na hierarquia.
Então, como configuramos esse navegador de desenho?
Basicamente, como fizemos antes, são necessários dois argumentos.
O primeiro argumento é um objeto em que configuramos as telas para a justiça do navegador
destruidor antes de termos identificadores como torneiras ou favoritos para refeições, qualquer que seja o navegador adequado para a primeira entrada da gaveta que
você deseja ter.
E aqui eu quero apontar para as minhas refeições no navegador da guia pai ainda porque é isso que eu quero
carregar lá e em uma segunda entrada é a tela de filtros, não devemos esquecer que temos outra tela, a tela de filtros
que não usamos antes de agora, pois é hora de brilhar e, na verdade, tudo envolto em um
navegador de pilha, mesmo que esteja vazio.
Também conseguimos um cabeçalho lá.
Então, adicionarei outro navegador de pilha aqui com criar navegador de pilha.
Essa é uma pilha muito simples.
Ele terá apenas uma tela e essa será a tela de filtros que, portanto, precisaria importar aqui
na parte superior, porque ainda não estamos fazendo isso.
Vamos importar a tela de filtros aqui da tela de filtros de telas e agora podemos usar a tela de filtros no site
deles, não aqui, mas aqui no navegador de pilha e nomeado é navigator de filtros, lê algo assim e agora é esse
navegador de filtros que pode mapear para filtros em meu navegador de gaveta e eu só uso
um navegador de pilha aqui, então eles também têm um cabeçalho lá
e, por nenhuma outra razão, agora na tela do filtro,
é claro, trabalhará nisso em um segundo, mas lá existe uma coisa que eu quero fazer imediatamente. adicionarei minhas opções de
navegação e adicionarei um título de cabeçalho e defino-o para filtrar ou filtrar refeições assim, de volta ao navegador de refeições que estamos criando
nessa pilha, estamos atribuindo o navegador de filtros navigator stack ao nosso navegador de desenho
e agora só precisamos usar o navegador principal aqui no contêiner de aplicativos para começar com dívidas e agora, se salvarmos isso, não
vemos nada.
Bem, eu disse que o navegador de desenho gerenciaria toda a lógica para abri-la, e
o que não faz automaticamente para nós é mostrar um ícone de menu para que não mostre um botão de hambúrguer para nós.
É algo que precisamos fazer e podemos decidir em quais telas mostrar.
E, claro, essa seria a tela de categoria, porque é a tela raiz da guia de
refeições e a tela favorita, porque é a tela raiz da guia de favoritos.
Então, nessas duas telas, quero adicionar esse ícone de menu e em minhas opções de navegação, como você
aprendeu, porque lá quero adicioná-lo com a ajuda do cabeçalho à esquerda.
Anteriormente, tínhamos o direito de adicionar ações à barra de navegação no cabeçalho, mas esse botão de menu normalmente
fica à esquerda para ser adicionado aqui.
E vou usar meus botões de cabeçalho para isso.
Portanto, importaremos dos botões de cabeçalho de navegação de reação.
Neste pacote que usamos anteriormente, importarei botões de cabeçalho e também detalharei o que todos usamos antes e também
importarei meu botão de cabeçalho personalizado.
Então, botão de cabeçalho do botão de cabeçalho de componentes, para que o mesmo padrão que usamos anteriormente para adicionar essa estrela eu
possa de fato barra de ação.
Agora, farei isso aqui para o ícone de menu do botão de menu e, portanto, agora podemos
descer para a esquerda e seus botões de cabeçalho de anúncio este ano como um componente para definir o componente do botão de cabeçalho como nosso componente do botão de
cabeçalho.
Estamos importando de nosso próprio componente personalizado e adicionamos um item que nos permite definir o
título que deve ser menu e, em seguida, é muito importante que eu possa citar.
E aí você pode usar o menu IOW.
E, a propósito, você sempre pode usar a API da plataforma aqui para usar um ícone diferente
para Android e ISIS, se desejar.
E por último, mas não menos importante, todo o add on press para fazer alguma coisa quando os botões mortos são pressionados.
E agora isso deve renderizar um botão de menu bonito aqui na tela e, de fato, o vemos aqui
em nós.
E também vemos no Android.
Agora, novamente, se você quiser um ícone diferente no Android que se pareça mais com um ícone típico do Android.
O mesmo vale para os toques pela maneira como você pode usar a API da plataforma para renderizar um
ícone diferente para economizar algum tempo. Vou usar os mesmos ícones.
Então é assim que exibimos o ícone.
Como agora abrimos um empate, porém, para isso, precisamos acessar o suporte de navegação e não temos
esse acesso nas opções de navegação como esta.
Mas é claro que aprendemos anteriormente que você pode usar o formulário de função aqui, onde você obtém seus dados de
navegação.
Você poderia dizer que nessa função você precisa retornar seu objeto de configuração.
Então aqui você tem que retornar um objeto no final.
E agora os dados de navegação têm esse suporte de navegação.
Então agora, aqui na imprensa, podemos dizer que navegação por pontos de dados de navegação Papai estará disponível,
fornecida pela navegação de reação, que executa esta função no final.
E aí você terá um método de alternância de desenho.
Você também teria o draw aberto se souber que deseja abri-lo, mas alternar o draw o abrirá se estiver fechado
e o fechará se estiver aberto.
Então, aqui você tem que alternar entre desenhar e traçar deve abrir o menu lateral.
Portanto, se salvarmos isso agora, de fato a gaveta se abre, podemos trabalhar no estilo e no
texto que vemos aqui em um segundo, mas é assim que você pode abrir essa gaveta agora antes de cuidarmos de como isso fica aqui.
Vamos ter certeza de dizer um favorito.
E é claro que todos podem depositar um vídeo e fazê-lo por conta própria aqui, porque as
etapas serão as mesmas das categorias de refeições aqui.
É uma boa prática a oferecer, mas após essa breve pausa, você precisa passar neste vídeo, faremos
isso juntos, para que você tenha sucesso.
Vamos fazer isso juntos e, no final, tudo se resume a copiar essa configuração aqui na tela de favoritos 2D, para copiar toda essa
configuração de opções de navegação da tela de categorias para a tela favorita e substituir minha opção de
navegação por ela, é claro, isso significa que eu tem que nos renomear aqui
para tela favorita e aqui mudar o título de volta para seus favoritos, mas agora eu já tenho essa função
de criação de opções de navegação dinâmica aqui, onde tenho que alternar para chamar o ícone aqui quando ele usa
o mesmo, basta fazer Certifique-se de importar todas as coisas que precisamos importar e, para o
pai, podemos pegar as importações aqui na tela de categorias e também no pacote de navegação ou botões de navegação de reação.
E do nosso próprio botão de cabeçalho.
Pegue isso e adicione aqui na tela favorita agora com o papai, se salvarmos, pois isso deve estar agora na tela favorita,
também temos que desenhar e você pode abri-la lá também, não podemos simplesmente abri-la por meio de
um clique função de filtro para levar para a tela de filtro, agora não
temos um caminho de volta, mas isso é algo que todos nós podemos consertar imediatamente por
causa da tela de filtro. Simplesmente também quero desenhar na parte superior, por isso tela de filtro Também adicionarei minhas importações aqui Os botões do cabeçalho do chicote terminam
e, em seguida, todas as opções de adição por navegação aqui.
Portanto, copie as opções de navegação da tela favorita nesta função dinâmica e adicione-a à tela de
filtros e substitua a escada de opções de navegação, é claro. Assim, este ano foi alterado novamente
para a tela de filtros e alterado para o título novamente para filtrar refeições ou o que você quiser aqui e com
isso, deveríamos ter um empate na tela do filtro e isso nos permite voltar às refeições agora, mas faltam
algumas coisas.
Por exemplo, na tela do filtro, o cabeçalho parece totalmente diferente e, portanto, aqui no
Android, eu nem consigo ver meu botão, porque é branco, o texto aqui não é o texto que
eu quero exibir. Também quero usar cores diferentes aqui, talvez uma fonte diferente, então ainda há trabalho a ser feito, mas a funcionalidade básica de desenho
foi adicionada e, como você vê novamente com muito pouco esforço.
Então, agora vamos cuidar do estilo do desenho e da tela de filtros.