StyleSheet et Flexbox

Les styles React Native se déclarent en objets JavaScript, regroupés par StyleSheet.create, avec des propriétés proches du CSS en camelCase (backgroundColor). La mise en page repose sur Flexbox, avec flexDirection: 'column' par défaut, et sans unités : les valeurs sont en points indépendants de la densité.

Exemple

const styles = StyleSheet.create({
  ligne: { flexDirection: 'row', padding: 16 },
});

Notions voisines

Tout le glossaire