1
00:00:02,250 --> 00:00:07,160
Ahora hay otro lugar en la aplicación donde quiero usar mi propia fuente y está aquí en la lista de

2
00:00:07,170 --> 00:00:10,080
recetas, este texto aquí: simple, asequible y la duración, que no

3
00:00:10,200 --> 00:00:13,400
está usando nuestra propia fuente y eso es algo que queremos cambiar y

4
00:00:13,620 --> 00:00:16,110
ese es, por supuesto, nuestro artículo de comida aquí.

5
00:00:16,110 --> 00:00:23,460
Ahí tenemos estos tres componentes de texto y estos simplemente necesitan obtener un estilo que use nuestra propia fuente.

6
00:00:23,910 --> 00:00:28,470
Ahora, por cierto, en el curso, aprendió sobre alternativas a eso, en lugar de asignar un

7
00:00:28,470 --> 00:00:30,690
estilo y repetir una asignación de estilo aquí,

8
00:00:30,690 --> 00:00:36,210
también podría crear su propio componente de envoltura como lo hicimos con el texto del cuerpo anteriormente en el curso,

9
00:00:36,210 --> 00:00:41,430
que es simplemente envolver el componente de texto incorporado que siempre establece su propia familia de fuentes, que será

10
00:00:41,430 --> 00:00:47,550
una alternativa o que configure un estilo global que importe en este archivo y, de hecho, ahora que lo pienso ya que

11
00:00:47,550 --> 00:00:49,350
tendremos más texto más adelante, Crearé

12
00:00:49,350 --> 00:00:54,990
mi propio componente contenedor aquí y tendré mi digamos DefaultText. js aquí, puedes nombrarlo como quieras

13
00:00:54,990 --> 00:01:00,330
y allí importaré React from React porque estoy creando un componente React

14
00:01:00,330 --> 00:01:06,950
e importaré texto y hoja de estilo desde React Native y ahora este es un

15
00:01:07,050 --> 00:01:10,500
envoltorio delgado alrededor del en el componente de

16
00:01:10,500 --> 00:01:17,550
texto, así que el texto predeterminado, este componente aquí es simplemente un componente que devuelve el componente

17
00:01:17,940 --> 00:01:24,300
de texto incorporado alrededor de los accesorios. niños para que podamos usar texto predeterminado con etiquetas de

18
00:01:24,300 --> 00:01:32,730
apertura y cierre y, en el medio, pasar nuestro texto y allí señalaré estilos. texto aquí para asignar mi propio estilo de texto, asegúrese

19
00:01:32,730 --> 00:01:40,280
de que la hoja de estilo se importe para esto y luego use la hoja de estilo para crear

20
00:01:40,280 --> 00:01:48,050
una allí y almacenarla en la constante de estilos. Por supuesto, también el texto predeterminado de exportación a partir de

21
00:01:48,050 --> 00:01:54,170
entonces y ahora aquí en texto, simplemente configuraré una familia de fuentes de sans abierto y ese debería ser

22
00:01:54,170 --> 00:01:59,870
mi predeterminado aquí y eso es lo único que cambiaré y ahora podemos usar texto predeterminado siempre que

23
00:01:59,870 --> 00:02:10,000
sea Tenemos texto en la aplicación que debería usar nuestra propia familia de fuentes personalizadas. Entonces, por ejemplo, aquí en el elemento de comida, ahora podemos importar este

24
00:02:10,000 --> 00:02:18,360
texto personalizado, así que importa el texto predeterminado de. / DefaultText, desde nuestro propio componente allí y ahora usamos texto predeterminado

25
00:02:18,900 --> 00:02:27,110
allí abajo en lugar del componente de texto que estoy usando actualmente, así y con eso, si ahora vamos allí, esto realmente usa nuestra propia

26
00:02:27,110 --> 00:02:32,290
fuente personalizada, no No parece tan diferente, pero es nuestra propia fuente, esto es especialmente claro

27
00:02:32,480 --> 00:02:38,630
si vamos allí y cambiamos esto a OpenSans-Bold, por supuesto, porque la versión en negrita siempre es un poco

28
00:02:38,630 --> 00:02:48,320
más fácil de reconocer, pero la volveré a cambiar a la no versión negrita. Así que también tenemos nuestro propio texto personalizado aquí,

29
00:02:48,320 --> 00:02:53,300
también puedes diseñar otras cosas aquí, agregar colores, agregar

30
00:02:53,330 --> 00:02:59,150
iconos, lo que quieras. He terminado con mi estilo por el momento, ahora quiero

31
00:02:59,240 --> 00:03:05,600
asegurarme de que tengamos un contenido más significativo aquí en la página de detalles antes de trabajar en la pantalla de filtros aquí.