flutter点击状态栏返回顶部

在Flutter中，可以使用`ScrollController`来监听滚动事件，然后在点击状态栏时将滚动位置滚动到顶部。以下是实现的代码示例：

import 'package:flutter/material.dart';

class ScrollToTop extends StatefulWidget {
  final Widget child;
  const ScrollToTop({Key? key, required this.child}) : super(key: key);

  @override
  _ScrollToTopState createState() => _ScrollToTopState();
}

class _ScrollToTopState extends State<ScrollToTop> {
  final ScrollController _scrollController = ScrollController();
  bool _showButton = false;

  @override
  void initState() {
    super.initState();
    _scrollController.addListener(() {
      if (_scrollController.offset > 200) {
        setState(() {
          _showButton = true;
        });
      } else {
        setState(() {
          _showButton = false;
        });
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        widget.child,
        Positioned(
          bottom: 20,
          right: 20,
          child: AnimatedOpacity(
            duration: Duration(milliseconds: 300),
            opacity: _showButton ? 1.0 : 0.0,
            child: FloatingActionButton(
              onPressed: () {
                _scrollController.animateTo(
                  0,
                  duration: Duration(milliseconds: 500),
                  curve: Curves.easeInOut,
                );
              },
              child: Icon(Icons.arrow_upward),
            ),
          ),
        ),
      ],
    );
  }
}

此代码创建了一个名为`ScrollToTop`的小部件，它接受一个子小部件，并在其顶部放置一个名为`_scrollController`的`ScrollController`。在`initState()`中，我们将侦听器添加到`_scrollController`，以便在滚动时更新“显示按钮”状态。

在`build()`方法中，我们将子小部件放在堆栈上，并放置一个位于右下角的浮动操作按钮。按钮的可见性由`_showButton`状态变量控制，该变量在滚动期间更新。当按钮被点击时，我们使用`animateTo()`方法将滚动位置滚动到顶部。

最后，在您的应用程序中使用`ScrollToTop`小部件包装您想要使其支持“点击状态栏返回顶部”功能的小部件即可。