我有一个多行的文本体,我想在屏幕上分割。我使用的文本小部件具有溢出属性,如下所示:
Text(
body,
style: Theme.of(context).textTheme.bodyText2,
maxLines: 8,
overflow: TextOverflow.ellipsis,
);现在,在下一页中,我希望从上一页被截断的单词开始文本。例如,在身体‘你好,很高兴认识你们所有人。希望你们有一个愉快的一天!’,这将是这样的样子:
第1页:
Hello, nice to meet you all. Hope...在第2页:
...you have a good day!现在,我试图为文本小部件找到一种方法,告诉我它在哪里截断了第1页上的文本。有人对如何处理它有任何建议吗?
发布于 2022-02-19 19:35:46
我找到了我想要的答案。这是使用TextPainter的computeLineMetrics方法的一种聪明方法。原始资料来源:SplittedText
具体来说,下面的代码是有用的:
import 'dart:ui';
import 'package:flutter/cupertino.dart';
abstract class SplittedText {
List<String> getSplittedText(Size pageSize, TextStyle textStyle, String text);
}
class SplittedTextImpl extends SplittedText {
@override
List<String> getSplittedText(
Size pageSize, TextStyle textStyle, String text) {
final List<String> _pageTexts = [];
final textSpan = TextSpan(text: text, style: textStyle);
final textPainter = TextPainter(
text: textSpan,
textDirection: TextDirection.ltr,
);
textPainter.layout(
minWidth: 0,
maxWidth: pageSize.width,
);
// https://medium.com/swlh/flutter-line-metrics-fd98ab180a64
List<LineMetrics> lines = textPainter.computeLineMetrics();
double currentPageBottom = pageSize.height;
int currentPageStartIndex = 0;
int currentPageEndIndex = 0;
for (int i = 0; i < lines.length; i++) {
final line = lines[i];
final left = line.left;
final top = line.baseline - line.ascent;
final bottom = line.baseline + line.descent;
// Current line overflow page
if (currentPageBottom < bottom) {
// https://stackoverflow.com/questions/56943994/how-to-get-the-raw-text-from-a-flutter-textbox/56943995#56943995
currentPageEndIndex =
textPainter.getPositionForOffset(Offset(left, top)).offset;
final pageText =
text.substring(currentPageStartIndex, currentPageEndIndex) ?? "";
_pageTexts.add(pageText);
currentPageStartIndex = currentPageEndIndex;
currentPageBottom = top + pageSize.height;
}
}
final lastPageText = text.substring(currentPageStartIndex) ?? "";
_pageTexts.add(lastPageText);
return _pageTexts;
}
}https://stackoverflow.com/questions/71165252
复制相似问题