Flutter: Comment obtenir le nombre de lignes de texte

Si vous voulez simplement vérifier le nombre de nouvelles lignes que contient le texte, vous pouvez faire un simple

return LayoutBuilder(builder: (context, size) {
  final span = TextSpan(text: yourText, style: yourStyle);
  final tp = TextPainter(text: span, maxLines: 3);
  tp.layout(maxWidth: size.maxWidth);

  if (tp.didExceedMaxLines) {
    // The text has more than three lines.
    // TODO: display the prompt message
    return Container(color: Colors.red);
  } else {
    return Text(yourText, style: yourStyle);
  }
});

Cependant, je suppose que vous êtes plus intéressé par le nombre de lignes qui sont réellement affichées visuellement. Ici, les choses se compliquent un peu, car il faut connaître l'espace disponible (les BoxConstraints ) pour calculer le nombre de lignes dont le texte a besoin. Pour ce faire, vous pouvez utiliser un LayoutBuilder pour retarder la construction du widget et un TextPainter pour effectuer le calcul réel:

final numLines = '\n'.allMatches(yourText).length + 1;

J'ai extrait une partie du code du auto_size_text pub auto_size_text , ce qui pourrait également vous intéresser: il dimensionne son texte pour qu'il tienne dans l'espace donné.

Quoi qu'il en soit, soyez prudent lors de l'affichage de l'invite: la méthode de build votre widget peut être appelée plusieurs fois par seconde, ce qui entraîne l'affichage simultané de plusieurs invites.

Mise à jour : cette réponse est ici à des fins historiques. Voir ma réponse mise à jour ici pour une solution beaucoup plus simple.

Si vous avez un objet TextPainter et que vous avez déjà appelé layout , vous pouvez obtenir le nombre de lignes en sélectionnant tout et en appelant getBoxesForSelection . Chaque case a la taille de la ligne.

flutter: TextBox.fromLTRBD(0.0, 0.2, 171.8, 36.0, TextDirection.ltr)
flutter: TextBox.fromLTRBD(0.0, 36.5, 68.4, 72.3, TextDirection.ltr)
flutter: TextBox.fromLTRBD(68.4, 38.2, 111.5, 75.0, TextDirection.rtl)
flutter: TextBox.fromLTRBD(111.5, 36.5, 299.9, 72.3, TextDirection.ltr)
flutter: TextBox.fromLTRBD(0.0, 77.2, 92.2, 113.0, TextDirection.ltr)
flutter: TextBox.fromLTRBD(0.0, 113.2, 179.7, 149.0, TextDirection.ltr)

Voici un exemple:

print(numberOfLines); // 6

final text = 'My text line.\nThis كلمة makes more boxes.\nAnother line.';

Malheureusement, cela échoue s'il existe un mélange de texte bidirectionnel:

print(numberOfLines); // 4

final text = 'My text line.\nThis line wraps to the next.\nAnother line.';

Cela pourrait être surmonté en ne comptant que les cases le long d'un bord. Si vous remarquez les données ci-dessus, il n'y a que quatre cases qui ont un bord à 0,0.

TextSelection selection = TextSelection(baseOffset: 0, extentOffset: text.length);
List<TextBox> boxes = textPainter.getBoxesForSelection(selection);
int numberOfLines = boxes.length;

J'aurais aimé qu'il y ait une méthode TextPainter.numberOfLines , mais je ne l'ai pas trouvée.

Il est désormais facile de trouver le nombre de lignes dans un paragraphe:

List<ui.LineMetrics> lines = textPainter.computeLineMetrics();
int numberOfLines = lines.length;

Remarques

• computeLineMetrics doit être appelé après layout.
• J'avais une autre réponse que je garde à des fins historiques parce que je dois y faire un lien dans une explication du changement.