您可以FutureBuilder并添加所需的持续时间，然后您希望下一个小部件显示并返回它。
如下面的代码：

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Colors.indigoAccent,
        body: FutureBuilder<Widget>(
          future: _futureFunction(),
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return snapshot.data ?? const SizedBox.shrink();
            }
            return Container(
              color: Colors.indigoAccent,
            );
          },
        ));
  }

  Future<Widget> _futureFunction() async {
    await Future.delayed(const Duration(seconds: 5));
    return Container(
      color: Colors.blueAccent,
    );
  }
}

字符串
在这里，我从scaffold body返回FutureBuilder，并传递了一个_futureFunction()，它在5秒后返回一个容器，直到那几秒，一个indigoAccent颜色的容器将被显示出来，在函数返回的容器将是可见的。
这整件事将在没有任何行动的情况下完成。
但在基本的应用程序中，你可以使用FutureBuilder，因为它是一个简单的解决方案，但我不建议在复杂的应用程序中使用，因为FutureBuilder会在每个变化的状态上构建自己，为此，你应该使用状态管理工具，如Bloc或Cubits。

最简单的方法是使用定时器。

int currentIndex = 0;
  Timer? timer;

 @override
 void initState() {
   super.initState();
   // Start the timer to switch automatically every 2seconds
   timer = Timer.periodic(Duration(seconds: 3), (_) {
   setState(() {
       currentIndex = (currentIndex + 1) % widget.aya.length;
        });
   });
 }

字符串
通过此设置，小部件将每3秒自动切换一次，无需按下任何按钮即可提供所需的行为。