在ListView中将TextFormField滚动到键盘上方

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('ListView with TextFormField')),
        body: MyForm(),
      ),
    );
  }
}

class MyForm extends StatefulWidget {
  @override
  _MyFormState createState() => _MyFormState();
}

class _MyFormState extends State<MyForm> {
  final ScrollController _scrollController = ScrollController();
  final FocusNode _focusNode = FocusNode();

  @override
  void initState() {
    super.initState();
    _focusNode.addListener(() {
      if (_focusNode.hasFocus) {
        _scrollToIndex(1); // 假设TextFormField在索引1的位置
      }
    });
  }

  void _scrollToIndex(int index) {
    _scrollController.animateTo(
      index * 56.0, // 假设每个item高度为56.0
      duration: Duration(milliseconds: 300),
      curve: Curves.easeInOut,
    );
  }

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      controller: _scrollController,
      itemCount: 10,
      itemBuilder: (context, index) {
        if (index == 1) {
          return Padding(
            padding: const EdgeInsets.all(8.0),
            child: TextFormField(
              focusNode: _focusNode,
              decoration: InputDecoration(labelText: 'Enter text'),
            ),
          );
        }
        return ListTile(title: Text('Item $index'));
      },
    );
  }

  @override
  void dispose() {
    _scrollController.dispose();
    _focusNode.dispose();
    super.dispose();
  }
}