1
00:00:02,200 --> 00:00:07,450
Ahora que tuvo una introducción completa sobre cómo trabaja generalmente con React Native y crea

2
00:00:07,480 --> 00:00:09,120
aplicaciones React Native, es

3
00:00:09,170 --> 00:00:10,000
hora de

4
00:00:10,090 --> 00:00:17,350
profundizar un poco más y también aprender cómo podemos construir aplicaciones que se vean bien en ambas plataformas, tanto en

5
00:00:17,350 --> 00:00:22,510
iOS como en Android y que tal vez también tenga el tipo de aspecto

6
00:00:22,960 --> 00:00:29,690
predeterminado que esperaría allí y, por supuesto, también se ve muy bien en diferentes dispositivos, diferentes tamaños de dispositivo.

7
00:00:29,740 --> 00:00:36,220
Eso es lo que se llama diseño receptivo, su aplicación debe diseñarse de manera que se vea automáticamente en todos

8
00:00:36,220 --> 00:00:42,400
los tamaños de dispositivo posibles y, por lo tanto, en este módulo, aprenderá todo sobre las herramientas que

9
00:00:42,400 --> 00:00:44,490
necesita para eso. Específicamente, veremos cómo

10
00:00:44,800 --> 00:00:49,320
puede averiguar qué tan grande es el dispositivo en el que está ejecutando,

11
00:00:49,330 --> 00:00:55,180
qué tan ancho es, cuánto ancho tiene, cuánta altura tiene y tal vez qué orientación tiene porque tal

12
00:00:55,210 --> 00:01:01,270
vez también desea presentar un diseño diferente para diferentes orientaciones, para el modo vertical y el modo horizontal y,

13
00:01:01,270 --> 00:01:06,130
por lo tanto, también veremos cómo puede ajustar sus estilos y sus diseños en función

14
00:01:06,130 --> 00:01:11,500
del tamaño y la orientación porque hay un par de diferentes herramientas que obtienes con React

15
00:01:11,500 --> 00:01:11,890
Native.

16
00:01:12,700 --> 00:01:15,220
Ahora los tamaños son una cosa, la

17
00:01:15,250 --> 00:01:20,670
otra cosa obvia que es posible que desee cubrir es la plataforma en la que se está ejecutando.

18
00:01:20,680 --> 00:01:26,170
Está creando una aplicación que normalmente desea distribuir tanto en iOS como en Android porque eso

19
00:01:26,170 --> 00:01:27,880
es lo bueno de

20
00:01:27,880 --> 00:01:34,120
React Native, usa Javascript para obtener una aplicación para múltiples plataformas y aún a veces necesita ajustar su estilo

21
00:01:34,120 --> 00:01:40,870
o su diseño o tal vez incluso algo de lógica empresarial basada en la plataforma en la que se está ejecutando.

22
00:01:40,900 --> 00:01:47,140
Por lo tanto, desea tener un diseño determinado o un color determinado en iOS y es posible que tenga un

23
00:01:47,140 --> 00:01:48,280
color diferente en Android;

24
00:01:48,280 --> 00:01:54,130
en este módulo, aprenderá cómo puede ajustar su código o su interfaz de usuario en general según la

25
00:01:54,130 --> 00:01:54,880
plataforma.

26
00:01:54,880 --> 00:02:00,190
Así que estos son los grandes temas en los que nos sumergiremos en este módulo y para esto,

27
00:02:00,200 --> 00:02:03,620
estoy de vuelta en la aplicación en la que trabajamos, esta

28
00:02:03,680 --> 00:02:10,550
es la aplicación que vimos allí, esta prueba básica en la que trabajamos y ahora quiero pasar paso a paso, asegúrese de que esto

29
00:02:10,550 --> 00:02:16,130
se vea bien en diferentes tamaños de dispositivo, que tal vez también aprendamos cómo podemos cambiar el diseño en

30
00:02:16,130 --> 00:02:22,610
función del espacio que tenemos disponible y, por supuesto, también quiero asegurarme de que también tengamos algunos estilos diferentes basado en la plataforma

31
00:02:22,640 --> 00:02:24,200
en la que estamos corriendo.