Ahora hay otro lugar en la aplicación donde quiero usar mi propia fuente y está aquí en la lista de
recetas, este texto aquí: simple, asequible y la duración, que no
está usando nuestra propia fuente y eso es algo que queremos cambiar y
ese es, por supuesto, nuestro artículo de comida aquí.
Ahí tenemos estos tres componentes de texto y estos simplemente necesitan obtener un estilo que use nuestra propia fuente.
Ahora, por cierto, en el curso, aprendió sobre alternativas a eso, en lugar de asignar un
estilo y repetir una asignación de estilo aquí,
también podría crear su propio componente de envoltura como lo hicimos con el texto del cuerpo anteriormente en el curso,
que es simplemente envolver el componente de texto incorporado que siempre establece su propia familia de fuentes, que será
una alternativa o que configure un estilo global que importe en este archivo y, de hecho, ahora que lo pienso ya que
tendremos más texto más adelante, Crearé
mi propio componente contenedor aquí y tendré mi digamos DefaultText. js aquí, puedes nombrarlo como quieras
y allí importaré React from React porque estoy creando un componente React
e importaré texto y hoja de estilo desde React Native y ahora este es un
envoltorio delgado alrededor del en el componente de
texto, así que el texto predeterminado, este componente aquí es simplemente un componente que devuelve el componente
de texto incorporado alrededor de los accesorios. niños para que podamos usar texto predeterminado con etiquetas de
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
de que la hoja de estilo se importe para esto y luego use la hoja de estilo para crear
una allí y almacenarla en la constante de estilos. Por supuesto, también el texto predeterminado de exportación a partir de
entonces y ahora aquí en texto, simplemente configuraré una familia de fuentes de sans abierto y ese debería ser
mi predeterminado aquí y eso es lo único que cambiaré y ahora podemos usar texto predeterminado siempre que
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
texto personalizado, así que importa el texto predeterminado de. / DefaultText, desde nuestro propio componente allí y ahora usamos texto predeterminado
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
fuente personalizada, no No parece tan diferente, pero es nuestra propia fuente, esto es especialmente claro
si vamos allí y cambiamos esto a OpenSans-Bold, por supuesto, porque la versión en negrita siempre es un poco
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í,
también puedes diseñar otras cosas aquí, agregar colores, agregar
iconos, lo que quieras. He terminado con mi estilo por el momento, ahora quiero
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í.