我想要一个加载指示器，而我从一个页面导航到另一个Flutter。我正在使用flutter_spinkit。首先，我创建了一个loadingScreen页面，当用户首先单击按钮时，加载进度条会在稍后显示，过了一会儿，我想显示下一个屏幕，因为加载屏幕正在加载而没有弹出。
下面是我的loadingScreen代码：

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

class LoadingScreen extends StatelessWidget {
  static String id = 'loading_screen';
  const LoadingScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Center(child: SpinKitCircle(
        itemBuilder: (BuildContext context, int index) {
          return DecoratedBox(
            decoration: BoxDecoration(
              color: index.isEven ? Colors.white : Colors.white,
            ),
          );
        },
      )),
    );
  }
}

下面是我的按钮代码：

ElevatedButton(
                  onPressed: () {
                    Navigator.pushNamed(context, LoadingScreen.id)
                        .then((value) {
                      Navigator.pushNamed(context, LoginScreen.id);
                    });
                  },