Então, trabalhamos com o navegador de pilha.
Agora, e o sorteio?
A lógica é exatamente a mesma.
Criamos o ano do navegador de desenho da loja chamando create navigator de desenho e, assim como o navegador de pilha.
Esta função não quer argumento.
Em vez disso, configuraremos nossa navegação de desenho em uma abordagem baseada em componentes ou, pai, criaremos um navegador de loja aqui
e este será um componente de reação.
Novamente, você pode ter isso em um arquivo separado.
Vou manter tudo em um arquivo para tê-lo lado a lado com o código antigo e, na loja deles, retornamos shop
draw navigator dot navigator.
A mesma lógica de antes Não importa se é um empate.
E agora temos duas telas diferentes que podem ser carregadas com o navegador e
a navegação com reação garantirá automaticamente que um navegador seja criado e que possamos abri-lo com o
mesmo código que usamos antes, sem precisar ajustá-lo.
Portanto, agora temos nossa loja para desenhar a tela de pontos do navegador e a justiça antes de dar um nome a essa tela.
Aqui temos dois produtos, por exemplo.
E esse nome será automaticamente usado dentro do navegador de desenho.
Embora você também possa sobrescrever tudo isso, se quiser, e precisamos de um componente carregado quando
clicamos nesse link no navegador.
E aqui ainda é o Navegador do produto.
Assim como antes, podemos usar nossos navegadores de pilha, embora agora eles estejam usando essa abordagem baseada em
componentes como componentes que devem ser criados como parte de outro navegador nesse caso, como parte do navegador
de desenho.
Ainda podemos apontar nossos navegadores de pilha como componentes aqui porque são componentes este ano.
Este é um componente e o mesmo é válido para todos os nossos navegadores.
Criamos aqui todos os componentes de reação que mantêm sua lógica de navegação específica, os componentes solicitados e
os componentes gerais, como o navegador de produtos aqui, podem ser usados em um navegador de desenho. Por
isso, replicarei isso duas vezes para que também possamos adicionar nossos pedidos aqui com o navegador de pedidos e o administrador aqui com o navegador de
administradores e verifique se não há erros em seus nomes, porque os estamos usando em todo o aplicativo
e essa lógica não precisará ser ajustada.
Portanto, se você estragar os nomes aqui, outras partes do aplicativo não funcionarão bem.
Então agora nós configuramos esse navegador de desenho e agora sobre a configuração.
Agora, há duas coisas que precisamos considerar.
Por um lado, temos que configurar aqui o conteúdo do sorteio.
Segundo, queremos configurar nossas telas diferentes, como o navegador do produto ou o navegador do pedido,
para ter seus próprios ícones na gaveta.
Bem, vamos começar com os ícones.
Anteriormente, configuramos que eu posso diretamente na configuração do Stack Navigator que desejávamos
usar em um sorteio agora com a abordagem baseada em componentes.
Nós não fazemos mais isso.
Em vez disso, podemos apenas pegar essa parte aqui, na verdade, somos todo esse objeto que configuramos anteriormente no navegador
de pilha e descemos para o nosso sorteio.
E agora aqui nesta tela a que pertence.
Portanto, neste caso, ele pertence ao administrador Navigator.
Então, aqui na tela do administrador, passamos nossas opções novamente, assim como fizemos um segundo, e vou para a pilha Navigator.
Então aqui passamos agora as opções para essa tela e este pode ser um componente normal ou, como neste caso,
um componente com nossa lógica de navegação de pilha e duas opções, passamos um objeto e lá podemos
reutilizar o objeto que usamos anteriormente.
Assim, um objeto com um empate eu posso definir onde estamos de olho nele e assim por diante.
Portanto, tudo isso funciona justamente antes de um pequeno ajuste, mas agora temos adereços aqui também alimentados
pela navegação de reação e esses adereços terão uma chave de cor em vez de desenhar configuração. As
cenas controlarão onde isso é feito na tela ativa no
momento ou não e ajustará os valores armazenados nessa base de cores.
Eu já destaquei as cores realçadas já conhecidas.
Portanto, é um pequeno ajuste que temos que fazer aqui e, com isso, podemos copiar a lógica
dos outros navegadores e também do navegador da ordem, vamos pegar esse objeto aqui
que tínhamos e suas opções de navegação vão até o empate nas ordens tela adicione as opções passe a chave e é objeto e
comente que está de volta e importante agora temos adereços que terão essa chave de cor exatamente como esta e por último mas não
menos importante, é claro que também faremos isso na tela de produtos do navegador de produtos.
Aqui temos esse objeto, vamos buscá-lo, vamos ao nosso navegador
e aqui está a tela do produto, configure as teclas de opções aqui.
Passei e ajustei como acabei de mostrar.
Então agora temos nossa configuração específica de tela aqui.
Você pode dizer agora o que acontece com o sorteio em geral, porque anteriormente no aplicativo com
a antiga navegação de reação, na qual realizamos nosso sorteio e configuramos a cor da tonalidade ativa e também o conteúdo
do sorteio.
Bem, você ainda pode fazer isso com essa nova abordagem.
Vamos ao nosso navegador de desenho, onde configuramos o navegador geral e o configuramos por meio de adereços, como
antes.
É tudo sobre componentes e acessórios. Por isso, agora, porém, temos uma nomeação diferente,
não temos mais opções e componentes de conteúdo.
E você pode encontrar isso nos documentos oficiais.
Agora temos conteúdo de desenho e opções de conteúdo de desenho.
No entanto, os valores são exatamente os mesmos no final.
Assim, podemos pegar nosso objeto de opções de conteúdo
aqui e no passado, para desenhar opções de conteúdo aqui e comentar isso para frente e para trás para desenhar um conteúdo.
Também é quase o mesmo.
Nós apenas envolvemos esse componente
aqui até aqui.
Copie
isso e passe-o aqui para o conteúdo do desenho e comente-o.
No entanto, agora duas coisas importantes usam esse patch não é permitido aqui.
Você deve fazer isso fora daqui.
Assim, por exemplo, aqui no navegador da loja, o cabeçalho é aninhado.
Além disso, não é mais o item de desenho, mas a lista de itens de desenho que também precisamos importar na parte superior do
desenho da barra de reativação.
Então aqui importamos a lista de itens de desenho com
ele.
No entanto, se eu rolar para baixo, isso agora deve estar funcionando novamente e esse deve ser o nosso empate de trabalho.
Portanto, temos o navegador da loja, temos todos esses navegadores de pilha, o que resta agora é a
troca do navegador, que basicamente processa nossa tela de inicialização ou você tela ou a tela da loja ou faça suas respectivas
pilhas de navegação, devo dizer.
Bem, é nisso que trabalharemos a seguir.