64 votes

Interspace entre les lignes de texte en React native

Je dois modifier l'espace entre les lignes d'un texte dans un React Native pour Android et iOS. Voici le code dans les pages de styles : text:{ color : '#C0C0C0', fontSize : 18, textAlign : 'justify', },

145voto

vinayr Points 7286

Utilisez lineHeight -

  text: {
    color: '#C0C0C0',
    fontSize: 18,
    textAlign: 'justify',
    lineHeight: 30,
  },

8 votes

Notez que les composants texte imbriqués ne semblent pas hériter de la hauteur de ligne (lineHeight).

0 votes

C'est une bonne solution pour éviter d'écrire un composant texte personnalisé.

0 votes

Cela n'a pas fonctionné dans mon cas de bouton, aidez-moi s'il vous plaît.

2voto

Salem_Raouf Points 76

Vous pouvez utiliser

{'\n'}

dans votre balise Texte

exemple :

<Text>{'\n'} Heading : </Text>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X