android - 滚动到RichText内的TextSpan

问题是我在可滚动小部件(SingleChildScrollView或ListView)中有一个RichText，并且需要滚动到RichText内的特定TextSpan。另外，我不能使用ScrollablePositionedList，因为文本应该写在最后一个文本的末尾，如果没有空间可以继续，则文本应该转到下一行，因此我必须使用RichText。
相似
样例代码:

ListView(
  children:[
    RichText(
      children: AListOfTextSpansThatICreateWithIndexes(),
    ),
  ],
),

我要显示的示例文本:

This is TextSpan1 and it is a bit
long. This is TextSpan2 and its ok.

类似于Scrollable position of a TextSpan within a RichText

最佳答案

使用Scrollable.ensureVisible方法可以确保某个键在屏幕上可见。 (以删除评论的人为准)
您应该首先为列表生成密钥:

var keys = List.generate(LENGTH, (i) => GlobalKey());

然后使用每个TextSpan后面的键:

Text.rich(
  TextSpan(
    children: Iterable.generate(LENGTH, (i) => i)
        .expand((i) => [
              WidgetSpan(
                child: SizedBox.fromSize(
                  size: Size.zero,
                  key: keys[i],
                ),
              ),
              TextSpan(
                text: 'this is text number $i',
              ),
            ])
        .toList(),
  ),
),

最后，调用此函数(可以访问上下文)滚动到所需的键:

Scrollable.ensureVisible(
   keys[i].currentContext,
   alignment: 0.2,
   duration: Duration(milliseconds: 500),
),