1
00:00:02,270 --> 00:00:07,770
Repetirnos una y otra vez y establecer la misma mirada detallada una y otra vez es realmente

2
00:00:07,770 --> 00:00:10,550
molesto y definitivamente no es lo que quieres.

3
00:00:10,550 --> 00:00:17,960
Bueno, hasta ahora siempre trabajamos con opciones de navegación que configuramos justo al lado de nuestros componentes.

4
00:00:18,020 --> 00:00:24,040
Ahora no necesita hacer eso para la configuración predeterminada que repite una y otra vez.

5
00:00:24,200 --> 00:00:29,740
En realidad, elimina esta configuración aquí de la pantalla de comida de categoría y solo mantiene el título del encabezado

6
00:00:29,740 --> 00:00:34,820
allí porque el título del encabezado, por supuesto, depende de esta pantalla y cambia con los diferentes valores

7
00:00:34,820 --> 00:00:36,310
que obtenemos en la pantalla.

8
00:00:36,380 --> 00:00:41,990
Por lo tanto, eliminemos la importación de la plataforma y la importación constante de colores agrega lo mismo en la

9
00:00:42,080 --> 00:00:43,370
pantalla de categorías allí.

10
00:00:43,400 --> 00:00:48,530
Cortaré esto para que aún puedan usarlo, pero también lo eliminaré de esta pantalla y solo mantendré el encabezado

11
00:00:48,530 --> 00:00:54,140
del título del encabezado que es específico de esta pantalla y no el predeterminado para todas las pantallas, así que lo mantendré

12
00:00:54,440 --> 00:00:59,500
aquí y yo por lo tanto, también puede eliminar la importación de la plataforma y la importación del contenido

13
00:00:59,540 --> 00:01:00,710
de colores aquí también.

14
00:01:00,740 --> 00:01:06,870
Y ahora vayamos al navegador de comidas porque además de configurar las opciones de navegación el próximo año, sus

15
00:01:06,870 --> 00:01:12,290
componentes, que es el lugar correcto para cualquier opción que sea específica para ese componente, también puede

16
00:01:12,290 --> 00:01:15,080
configurar las opciones aquí directamente en el navegador.

17
00:01:15,080 --> 00:01:17,830
Tienes dos lugares diferentes donde puedes configurarlos.

18
00:01:18,170 --> 00:01:23,110
Un lugar es cuando estás usando esta configuración de pantalla más compleja aquí.

19
00:01:23,150 --> 00:01:29,120
Cuando asigna una pantalla a sus identificadores además de configurar la pantalla, lo que desea

20
00:01:29,120 --> 00:01:32,390
cargar con un valor imprescindible que tiene aquí.

21
00:01:32,450 --> 00:01:39,530
También puede agregar opciones de navegación aquí y configurar algunas opciones de navegación para estas pantallas aquí.

22
00:01:39,530 --> 00:01:44,810
Entonces, también podríamos en el estilo del encabezado el color del tinte del encabezado y ahora solo tenemos que agregar la plataforma y

23
00:01:44,810 --> 00:01:45,470
los colores.

24
00:01:45,470 --> 00:01:46,180
Importar aquí

25
00:01:46,250 --> 00:01:47,490
Así que hagamos eso rápidamente.

26
00:01:48,050 --> 00:01:52,430
Vamos a importar la plataforma de reaccionar.

27
00:01:52,460 --> 00:02:03,940
Nativo aquí y también importaremos colores de colores constantes y si hacemos eso, lo que verá es que en la pantalla de categorías no tenemos

28
00:02:03,940 --> 00:02:11,020
color porque solo configuro este color aquí en las comidas de categoría, pero si vamos

29
00:02:11,020 --> 00:02:15,290
a esa pantalla, por lo tanto, Tener ese color.

30
00:02:15,300 --> 00:02:21,060
Así que tenemos el mismo aspecto que teníamos antes y ahora, por supuesto, podríamos hacer lo mismo aquí para la

31
00:02:21,120 --> 00:02:22,130
pantalla de categorías.

32
00:02:22,230 --> 00:02:29,430
Entonces, ahora también podemos convertir esto en objeto, por lo tanto, agregue las opciones de navegación y agregue exactamente

33
00:02:29,490 --> 00:02:34,830
las mismas opciones para que este mismo objeto esté aquí para esta pantalla.

34
00:02:34,830 --> 00:02:39,760
Ahora, si lo hacemos, también tenemos que volver a colorear la pantalla de categorías.

35
00:02:39,870 --> 00:02:46,350
La pequeña ventaja en comparación con la solución anterior de configurar esto en cada archivo de componente, ahora tenemos al

36
00:02:46,380 --> 00:02:50,130
menos toda la configuración y una en el mismo archivo.

37
00:02:50,400 --> 00:02:56,220
Aún así, nos estamos repitiendo, así que es bueno que pueda configurar esto aquí y, por ejemplo, esta sería

38
00:02:56,220 --> 00:03:03,330
una buena alternativa a la configuración de nuestro título de encabezado establecido estáticamente para una categoría de categorías de comidas de pantalla para que

39
00:03:03,810 --> 00:03:09,300
podamos configurar esto aquí en lugar de en el componente porque de todos modos es estático, realmente no

40
00:03:09,330 --> 00:03:10,630
importa dónde lo configuramos.

41
00:03:10,920 --> 00:03:16,500
Pero, además, tal caso de uso no es realmente una mejora porque todavía nos repetimos.

42
00:03:16,620 --> 00:03:23,550
Así que volveré a cortar esto desde aquí y ahora podemos aprovechar un segundo argumento que puede pasar para

43
00:03:23,550 --> 00:03:25,820
crear el navegador de pila.

44
00:03:25,920 --> 00:03:29,370
El primer argumento es objeto con sus pantallas.

45
00:03:29,430 --> 00:03:32,990
El segundo argumento le permite configurar ese navegador.

46
00:03:33,060 --> 00:03:38,880
Todavía no hemos configurado ninguna lechería de configuración y, por supuesto, en el cuadro oficial o cuando lo obtenga

47
00:03:38,880 --> 00:03:43,710
aquí con mi T, encontrará una lista de todas las configuraciones que puede configurar allí.

48
00:03:43,710 --> 00:03:50,070
Una cosa importante que puede configurar aquí son las opciones de navegación predeterminadas y, como su nombre

49
00:03:50,310 --> 00:03:55,330
lo indica, le permite configurar opciones que se aplican a cada pantalla.

50
00:03:55,440 --> 00:04:04,830
Ahora, esto tiene un objeto con sus opciones de navegación, pero ahora estas opciones se aplicarán a todas las pantallas de este navegador, por

51
00:04:05,070 --> 00:04:10,750
lo tanto, a las tres pantallas aquí, para que no tenga que repetirlo.

52
00:04:10,770 --> 00:04:14,940
Entonces, si hacemos eso, verá ese encabezado de color aquí.

53
00:04:14,940 --> 00:04:18,920
También aquí y todo en la pantalla detallada si vas allí.

54
00:04:18,960 --> 00:04:25,200
Así que ahora, por supuesto, así es como desea configurar configuraciones repetitivas como el estilo general que

55
00:04:25,200 --> 00:04:27,830
generalmente no cambia de pantalla en pantalla.

56
00:04:27,900 --> 00:04:29,710
Si cambia, está bien.

57
00:04:29,760 --> 00:04:35,940
Puede configurarlo por componente o aquí en el conflicto de pantalla como le mostré, pero si

58
00:04:35,940 --> 00:04:40,170
no cambia, puede usar las opciones de navegación predeterminadas aquí.

59
00:04:40,200 --> 00:04:48,720
Ahora, por supuesto, esto también trae a colación otra pregunta ¿Cómo se combinan las configuraciones aquí o aquí con las configuraciones

60
00:04:48,720 --> 00:04:51,720
aquí o en lugar de un componente?

61
00:04:51,720 --> 00:04:57,630
Y la regla es muy simple: las opciones de navegación predeterminadas se fusionan con

62
00:04:57,630 --> 00:05:05,100
sus opciones de navegación específicas configuradas aquí o aquí en el componente y las opciones específicas siempre ganan.

63
00:05:05,100 --> 00:05:07,830
Si tiene una y la misma clave del mismo nombre.

64
00:05:07,830 --> 00:05:15,690
Entonces, si configurara un título de encabezado predeterminado aquí como una pantalla que, por supuesto, es muy genérica, todavía vería

65
00:05:15,690 --> 00:05:17,960
las categorías de comidas aquí.

66
00:05:18,060 --> 00:05:24,930
Italiano aquí, pero en la pantalla detallada donde dije que no hay título de encabezado específico, vería una pantalla para

67
00:05:25,740 --> 00:05:28,800
que se sobrescriban sus opciones de navegación predeterminadas.

68
00:05:28,860 --> 00:05:33,510
Ahora, si configura las opciones de navegación aquí cuando configura la pantalla y en lugar

69
00:05:33,990 --> 00:05:39,630
del componente, actúan en el mismo nivel y la configuración aquí en el nivel de la pantalla realmente gana.

70
00:05:39,630 --> 00:05:46,080
Entonces, si dije el título del encabezado de las categorías de comida con múltiples signos de exclamación aquí, verá que

71
00:05:46,260 --> 00:05:53,070
aquí en la pantalla de categorías y el título que configuró en el componente de pantalla de categorías no gana, podría ser

72
00:05:53,070 --> 00:05:55,790
un poco contra-intuitivo, pero así es como es.

73
00:05:55,830 --> 00:06:03,280
Entonces, si configura las opciones de navegación con el mismo título o con los mismos nombres aquí en el contexto de la pantalla, el

74
00:06:03,370 --> 00:06:09,340
contexto de la pantalla gana, pero no importa dónde lo configure, siempre gana con las opciones de navegación

75
00:06:09,340 --> 00:06:09,840
predeterminadas.

76
00:06:09,910 --> 00:06:16,640
Si usa el mismo título, por lo tanto, aquí también elimine las opciones de navegación en la pantalla de mi

77
00:06:16,640 --> 00:06:17,050
categoría.

78
00:06:17,060 --> 00:06:18,130
No necesito eso aquí.

79
00:06:18,130 --> 00:06:22,900
Estoy contento con configurar esto dirigiendo el componente de la pantalla, pero podría configurarlo en ambos lugares.

80
00:06:22,910 --> 00:06:29,090
Es importante que siempre recuerde que las opciones predeterminadas se sobrescriben, aunque ahora además de las opciones

81
00:06:29,090 --> 00:06:35,000
de navegación predeterminadas en este segundo objeto que pasa para crear el navegador SEC, también puede configurar

82
00:06:35,000 --> 00:06:40,790
otras cosas si tuviera control y espacio, debería ver una lista aquí o consultar alternativamente la

83
00:06:40,820 --> 00:06:42,640
caja oficial por supuesto.

84
00:06:42,650 --> 00:06:50,060
Ahora, por lo general, los valores predeterminados están bien, pero allí, por ejemplo, puede configurar el modo y puede establecerlo como predeterminado modal como

85
00:06:50,060 --> 00:06:56,150
tarjeta si configura esto, obtendrá un modo como transición para cargar en su pantalla, lo que significa que la

86
00:06:56,150 --> 00:07:01,310
pantalla se desliza en desde la parte inferior en lugar de usar la animación normal en Android,

87
00:07:01,310 --> 00:07:04,180
no ve la diferencia, pero en ISIS sí.

88
00:07:04,340 --> 00:07:10,070
Eso es solo una cosa que puede cambiar aquí para cambiar la animación predeterminada en caso de que desee una transición

89
00:07:10,070 --> 00:07:17,850
modal en lugar de la animación push push normal aquí, también puede cambiar el nombre raíz inicial de forma predeterminada. Mencioné que sería el primer par de valores

90
00:07:17,850 --> 00:07:22,410
clave, pero si no desea comenzar en la pantalla de categorías, pero por alguna razón en

91
00:07:22,590 --> 00:07:27,810
la pantalla detallada de comida, simplemente podría señalar los detalles de la comida aquí en lugar de las categorías

92
00:07:27,810 --> 00:07:32,340
que no necesita configurar porque es un valor predeterminado y comenzaría en ese pantalla como

93
00:07:32,460 --> 00:07:33,510
pantalla de inicio.

94
00:07:33,510 --> 00:07:38,440
Por supuesto, no puede volver ahora porque es su pantalla inicial la única pantalla de la pila, por lo tanto.

95
00:07:38,580 --> 00:07:42,120
Así que regresar no funcionará ahora.

96
00:07:42,160 --> 00:07:48,030
Nuevamente, restableceré esto a categorías y no es necesario agregar esto porque de todos modos es un valor predeterminado.

97
00:07:48,040 --> 00:07:51,600
Utiliza el primer par de valores clave por defecto.

98
00:07:51,600 --> 00:07:56,580
Entonces, con eso, analizamos brevemente algunas opciones que puede configurar y, lo que

99
00:07:56,580 --> 00:08:01,860
es más importante, agregar opciones de navegación y opciones de navegación predeterminadas, lo cual

100
00:08:01,860 --> 00:08:09,650
es muy importante para crear aplicaciones atractivas y eficientes sin repetirse una y otra vez, lo que por supuesto no desea Hablando

101
00:08:09,650 --> 00:08:15,990
de eficiencia, hay otra cosa que quieres hacer cuando trabajas con la navegación de reacción o te preguntas.

102
00:08:16,010 --> 00:08:26,010
Considere y es que instaló un paquete adicional que es pantallas nativas de reacción que una aplicación expo debe incluirse

103
00:08:26,010 --> 00:08:27,700
de manera predeterminada.

104
00:08:27,720 --> 00:08:35,850
Pero aún así no está de más instalarlo explícitamente, lo que te permite asegurarte

105
00:08:35,850 --> 00:08:45,310
de que la navegación bajo el capó reaccione utilizando componentes de pantalla optimizados nativos proporcionados por Android.

106
00:08:45,350 --> 00:08:51,460
Estaba en Android, usa D el fragmento en caso de que estés un poco en el desarrollo de Android y

107
00:08:51,460 --> 00:08:57,220
en ayahuasca usa el controlador de vista UI y eso simplemente mejora el rendimiento un poco más.

108
00:08:57,300 --> 00:09:04,350
Aquí en esta aplicación simple no lo sentirás, pero es una buena práctica usar este paquete especial o

109
00:09:04,350 --> 00:09:05,580
pantallas especiales D.

110
00:09:05,580 --> 00:09:12,190
Ahora, para usar eso, debe ir a un lugar que se ejecute antes de renderizar su

111
00:09:12,200 --> 00:09:21,510
primera pantalla, que es capturarnos el archivo en nuestro caso aquí y allá, ahora puede importar pantallas de uso desde la pantalla React Native.

112
00:09:21,510 --> 00:09:27,750
Entonces, desde este paquete que acaba de instalar y simplemente llamó después de sus importaciones antes de hacer cualquier otra cosa.

113
00:09:27,760 --> 00:09:34,860
Entonces, antes de renderizar cualquier código exe de jazz, ahora es importante si está utilizando la última versión de Expo

114
00:09:34,860 --> 00:09:37,110
y React Native que probablemente sea.

115
00:09:37,140 --> 00:09:43,160
Esto ya no es una pantalla de uso, sino una pantalla capaz que todavía puede llamar así.

116
00:09:43,170 --> 00:09:46,140
Es solo un nombre diferente y ese es el único cambio que necesitamos

117
00:09:48,970 --> 00:09:50,610
hacer aquí triste simplemente detrás de escena.

118
00:09:50,650 --> 00:09:56,140
Desbloquee estas pantallas y no verá una diferencia en esta aplicación, pero es un poco más de rendimiento,

119
00:09:56,260 --> 00:10:00,730
por lo que es algo que recomendaría hacer especialmente en aplicaciones más grandes.

120
00:10:00,760 --> 00:10:03,760
De nuevo aquí, realmente no ves la diferencia.

121
00:10:03,940 --> 00:10:06,970
Pero detrás de escena hace esto ahora un poco más eficiente.