1
00:00:02,520 --> 00:00:07,110
Así que ahora trabajamos un poco con la navegación, podemos avanzar y retroceder.

2
00:00:07,110 --> 00:00:13,620
Aquí aprenderá cómo agregar íconos y botones de acción a este encabezado, cómo diseñar y controlar el encabezado en general,

3
00:00:13,620 --> 00:00:18,630
cómo pasar los datos, y todas estas son cosas cruciales para las aplicaciones móviles que

4
00:00:18,630 --> 00:00:23,610
está creando con React Native. hazlo una y otra vez cuando trabajes con React Native

5
00:00:23,790 --> 00:00:24,980
para crear aplicaciones.

6
00:00:25,050 --> 00:00:31,170
Ahora, esta no es la única forma de navegación que podemos implementar, aunque también podemos hacer toques en

7
00:00:31,440 --> 00:00:36,330
la parte inferior para que podamos cambiar entre diferentes secciones en su aplicación que,

8
00:00:36,330 --> 00:00:42,210
por supuesto, tiene un patrón típico que conoces de las aplicaciones móviles y que también es el

9
00:00:42,210 --> 00:00:49,950
patrón Esbocé al comienzo de este módulo que quiero tener dos toques en su aplicación, uno para todas nuestras comidas o en este

10
00:00:49,950 --> 00:00:55,440
caso todas nuestras categorías y uno para nuestras comidas favoritas, las comidas que marcamos como favoritas.

11
00:00:55,500 --> 00:01:01,640
Eso, por supuesto, nos lleva a una pregunta importante: ¿cómo podemos agregar toques al trabajar con la navegación de reacción?

12
00:01:01,800 --> 00:01:05,010
Y afortunadamente eso no es demasiado difícil.

13
00:01:05,010 --> 00:01:09,840
Vayamos al archivo James de nuestro navegador de comidas, que es donde configuramos la navegación y allí creamos

14
00:01:09,840 --> 00:01:11,090
un navegador de pila.

15
00:01:11,190 --> 00:01:17,460
Necesita un navegador de pila siempre que tenga páginas de pantallas en su aplicación que estén conectadas con un flujo hacia

16
00:01:17,460 --> 00:01:19,020
adelante y hacia atrás.

17
00:01:19,020 --> 00:01:21,140
Esa es la típica navegación de pila.

18
00:01:21,140 --> 00:01:26,910
Lo que estamos usando aquí, por supuesto, seguirá necesitando eso, incluso si ahora tenemos todos los toques de anuncios.

19
00:01:26,970 --> 00:01:32,910
Lo bueno es que simplemente puede tener múltiples navegadores en su aplicación y eso es exactamente bueno

20
00:01:32,940 --> 00:01:39,190
ahora desde la navegación de Rick además del navegador de pila que crea la función de navegador de pila.

21
00:01:39,210 --> 00:01:45,240
También podemos importar crear un navegador de pestañas inferior y eso hace lo que parece, nos permite crear un navegador

22
00:01:45,240 --> 00:01:48,080
que funciona con grifos en la parte inferior.

23
00:01:49,050 --> 00:01:56,220
Así que cree el navegador de pestañas inferior y simplemente podemos crear ese navegador adicional al lado de

24
00:01:56,220 --> 00:02:04,230
nuestro navegador de comidas, digamos que aquí nombraré el navegador de pestañas Pfaff de comidas, puede nombrarlo como quiera y simplemente

25
00:02:04,230 --> 00:02:10,110
tener claro qué es su navegador Los controles y los controles de rueda son comidas

26
00:02:10,110 --> 00:02:17,550
y favoritos con toques y llamo crear navegador de pestañas inferior y almacenar el resultado de eso en esta

27
00:02:17,550 --> 00:02:18,290
constante.

28
00:02:18,360 --> 00:02:24,210
El resultado de esta justicia antes para el navegador de la pila no es el final de un componente de reacción.

29
00:02:24,210 --> 00:02:27,730
Así que podemos almacenar eso aquí y pronto podremos usar la distancia.

30
00:02:28,410 --> 00:02:34,650
Ahora, ¿cómo configuramos ese navegador de pestañas? Entonces, al igual que el navegador de pila, el navegador de pestañas toma

31
00:02:34,650 --> 00:02:40,590
el objeto donde tenemos que informarle sobre los diferentes grifos, por lo que para decir las diferentes secciones a

32
00:02:40,590 --> 00:02:46,880
las diferentes pantallas que desea cargar cuando hacemos clic en diferentes toques y allí tengo dos pestañas que quiero que

33
00:02:46,880 --> 00:02:49,790
una pestaña debería ser lo que vemos aquí.

34
00:02:49,830 --> 00:02:55,980
Por lo tanto, nuestra pila al final no solo esta pantalla, sino toda la funcionalidad para ir a otra pantalla.

35
00:02:56,010 --> 00:03:02,310
Entonces, quiero tener toda la pila aquí en una pestaña y una pantalla diferente o

36
00:03:02,310 --> 00:03:11,780
una pila diferente en la pestaña Abbott y lo bueno es que puedes usar una pila o cualquier otro navegador como pantalla en este navegador.

37
00:03:12,040 --> 00:03:15,130
Entonces, lo que puede hacer aquí es configurar un identificador.

38
00:03:15,220 --> 00:03:16,570
Quizás lo llamemos comidas.

39
00:03:16,570 --> 00:03:18,140
Eso depende totalmente de ti ese nombre.

40
00:03:18,250 --> 00:03:21,060
Y ahora podrías señalar una pantalla aquí.

41
00:03:21,100 --> 00:03:27,100
También puede usar esa forma larga con la pantalla, pero usaré el acceso directo y solo apuntaré directamente

42
00:03:27,100 --> 00:03:35,070
a una pantalla aquí en la pantalla, agregue lo que señale aquí, incluso puede ser solo un componente de reacción como creamos aquí en la

43
00:03:35,070 --> 00:03:36,520
carpeta de pantallas o.

44
00:03:36,540 --> 00:03:40,270
Bueno, desde este año, como mencioné, todas las devoluciones son componentes reales.

45
00:03:40,290 --> 00:03:42,840
También puede ser el resultado de crear stack Navigator.

46
00:03:42,840 --> 00:03:50,350
De hecho, usaré el navegador de comidas aquí como mi pantalla para cargar la pestaña de comidas.

47
00:03:50,420 --> 00:03:54,320
De hecho, así es como funciona, cómo podemos configurar esto.

48
00:03:54,480 --> 00:03:56,420
Ese es nuestro primer toque.

49
00:03:56,430 --> 00:03:59,300
La segunda pestaña será nuestra favorita y allí.

50
00:03:59,340 --> 00:04:01,290
No tengo pila todavía.

51
00:04:01,290 --> 00:04:07,940
Es posible que luego agreguemos uno, pero por ahora solo señalaré la pantalla de favoritos, así que importaremos los favoritos muertos.

52
00:04:07,950 --> 00:04:16,230
Pantalla aquí en la pantalla de favoritos de importación de archivos del navegador de comidas desde la carpeta de pantallas y son

53
00:04:16,260 --> 00:04:18,000
pantallas de este tipo.

54
00:04:18,180 --> 00:04:27,980
Y ahora simplemente apunte a la pantalla de favoritos aquí para nuestro identificador de favoritos en el navegador de pestañas inferior.

55
00:04:28,080 --> 00:04:30,930
Así de fácil podemos configurar un navegador de pestañas.

56
00:04:30,930 --> 00:04:33,340
La pregunta ahora es cómo lo usamos.

57
00:04:33,420 --> 00:04:39,000
Bueno, al final, ahora es este navegador que queremos usar como nuestro navegador de ruta en la aplicación

58
00:04:39,000 --> 00:04:41,510
porque incluye nuestro navegador de comidas existente.

59
00:04:41,610 --> 00:04:44,520
Y también nos permite ir a la pantalla favorita.

60
00:04:44,520 --> 00:04:50,010
Así que al final solo uso este año en el contenedor de mi aplicación en lugar del

61
00:04:50,010 --> 00:04:56,600
navegador de comidas porque el navegador de comidas ahora está anidado en este navegador de pestañas y así es como puede combinar

62
00:04:56,620 --> 00:05:02,400
múltiples navegadores en una aplicación nativa impulsada por la navegación en rack porque simplemente puede mezclarlos y combinarlos juntos.

63
00:05:02,400 --> 00:05:07,740
Siempre tiene un navegador de ruta que está en el contenedor de su aplicación y tiene sentido que tenga

64
00:05:07,740 --> 00:05:14,550
un punto de entrada a su aplicación, pero este navegador de ruta puede tener nuestros navegadores anidados, ya que lo tenemos aquí para este

65
00:05:14,550 --> 00:05:20,670
toque donde señalamos el navegador de comidas y si ahora guardamos esto de forma segura y nuestra aplicación se reinicia, verá

66
00:05:20,670 --> 00:05:25,950
que ahora tenemos pestañas en la parte inferior aquí y podemos hacer clic en ellas para ir a

67
00:05:26,160 --> 00:05:32,550
nuestra pila de comidas aquí y podemos usar esta pila como antes pero también puedo cambiar a favoritos regrese a mi pila,

68
00:05:32,550 --> 00:05:37,340
que incluso dice que estaba en y que es lo fácil que podemos agregar tareas.

69
00:05:37,380 --> 00:05:39,210
Lo mismo en Android, por supuesto.

70
00:05:39,480 --> 00:05:44,540
Ahora, por supuesto, también es digno de mención que estos toques no se ven bien, sin embargo, sería bueno

71
00:05:44,540 --> 00:05:49,290
tener un mensaje que pueda escuchar y no solo texto, y nos encargaremos de configurar estos toques.

72
00:05:49,290 --> 00:05:54,660
Solo un segundo, pero así de fácil podemos comenzar con los toques y así es como puede pensar

73
00:05:54,660 --> 00:06:00,620
en usar varios navegadores en una aplicación de navegación de reacción o en la aplicación que usa la navegación de reacción.

74
00:06:00,630 --> 00:06:05,490
Ahora con eso, veamos cómo podemos agregar íconos y cómo podemos configurar nuestros grifos un poco más también para

75
00:06:05,490 --> 00:06:08,160
usar un color diferente que este año azul predeterminado.