处理滚动

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp(
    items: List<String>.generate(10000, (i) => 'Item $i'),
  ));
}

class MyApp extends StatelessWidget {
  final List<String> items;

  const MyApp({super.key, required this.items});

  @override
  Widget build(BuildContext context) {
    const title = 'Long List';

    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: const Text(title),
        ),
        body: ListView.builder(
          // 向 ListView 添加一个键。这使得可以在测试中找到列表并滚动浏览它。
          key: const Key('long_list'),
          itemCount: items.length,
          itemBuilder: (context, index) {
            return ListTile(
              title: Text(
                items[index],
                // 为每个项目的 Text widget 添加一个键。这使得可以在列表中查找特定项目并验证文本是否正确。
                key: Key('item_${index}_text'),
              ),
            );
          },
        ),
      ),
    );
  }
}

// 这是一个基本的 Flutter widget 测试。
//
// 要在测试中与 widget 交互，请使用 Flutter 提供的 WidgetTester 实用程序。例如，您可以发送点击和滚动手势。您还可以使用 WidgetTester 在 widget 树中查找子 widget、读取文本并验证 widget 属性的值是否正确。

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';

import 'package:scrolling/main.dart';

void main() {
  testWidgets('finds a deep item in a long list', (tester) async {
    // 构建我们的应用程序并触发一个帧。
    await tester.pumpWidget(MyApp(
      items: List<String>.generate(10000, (i) => 'Item $i'),
    ));

    final listFinder = find.byType(Scrollable);
    final itemFinder = find.byKey(const ValueKey('item_50_text'));

    // 滚动直到要查找的项目出现。
    await tester.scrollUntilVisible(
      itemFinder,
      500.0,
      scrollable: listFinder,
    );

    // 验证项目是否包含正确的文本。
    expect(itemFinder, findsOneWidget);
  });
}