Looking for react-native Answers? Try Ask4KnowledgeBase
Looking for react-native Keywords? Try Ask4Keywords

react-nativeEstilo


Introducción

Los estilos se definen dentro de un objeto JSON con nombres de atributos de estilo similares como en CSS. Dicho objeto se puede poner en línea en el estilo prop de un componente o se puede pasar a la función StyleSheet.create(StyleObject) y se puede almacenar en una variable para un acceso en línea más corto utilizando un nombre de selector para él similar a una clase en CSS.

Sintaxis

  • <Component style={styleFromStyleSheet} />
  • <Component style={styleObject} />
  • <Component style={[style1,style2]} />

Observaciones

La mayoría de los estilos nativos de React son sus formularios CSS, pero en camel case. Así, el text-decoration convierte en textDecoration .

A diferencia de CSS, los estilos no se heredan. Si desea que los componentes secundarios hereden un cierto estilo, debe proporcionárselos explícitamente al niño. Esto significa que no puede establecer una familia de fuentes para una View completa.
La única excepción a esto es el componente Text : los Text anidados heredan sus estilos principales.

Estilo Ejemplos relacionados