esto es Antika. Empecé a aprender a codificar hace unos días y solo estoy familiarizado con HTML/CSS/JS y los conceptos básicos de React .
Nivel de desarrollador: Principiante Tipo e idioma del proyecto: Estoy desarrollando una aplicación de planificación de estudios para mí, utilizando React Native Expo .
Problema : principalmente he hecho mi programación de manera tradicional: HTML, CSS y JS. y recientemente se han mudado a lenguajes avanzados como React y flutter. ¿Cómo importo una lista de múltiples hojas de estilo, como lo hacemos en HTML, en proyectos nativos de reacción?
ESTOS SON LOS ARCHIVOS CSS INDIVIDUALES -
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/vendor/font-awesome.css"> <link rel="stylesheet" href="assets/css/vendor/slick.css"> <link rel="stylesheet" href="assets/css/vendor/slick-theme.css"> <link rel="stylesheet" href="assets/css/vendor/base.css"> <link rel="stylesheet" href="assets/css/plugins/plugins.css"> <link rel="stylesheet" href="assets/css/style.css">Estoy usando Expo para este proyecto.
Todavía soy un novato en React Native y Expo, y sigo aprendiendo sobre las diferentes funciones y la posible sintaxis. Y puedo usar cualquier ayuda que reciba.
Es mejor pensar en diseñar en react native como un animal diferente a css. Tipo de sintaxis similar, pero valores diferentes (en su mayoría), y una forma un poco diferente de usarlos.
En su ejemplo, está importando todos los estilos para usarlos globalmente, cualquier html ahora puede usar esos estilos.
En reaccionar, es más común agarrar lo que necesitas cuando lo necesitas.
Por ejemplo, si quiero tener un estilo que cambie el texto a rojo, podría tener un archivo como
//myStyles.js export const MyStyles = StyleSheet.create({ redText: { color: 'red', }, }); Y luego en cualquier archivo que quieras usar redText
import {MyStyles} from "/path/to/myStyles" //...other code <Text style={MyStyles.redText}>this is red </Text> //... other code