如何更改 randered 小部件

问：

您好，我想在单击时更改我的 randered 小部件，但我不能这样做

import 'package:flutter/material.dart';

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

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return SizedBox(
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          appBar: AppBar(
            leading: BackButton(
              onPressed: () {
                setState(() {
                  FONCİON
                });
              },
            ),
            centerTitle: true,
            title: Text('demo'),
            backgroundColor: const Color.fromARGB(255, 77, 222, 255),
          ),
        ),
      ),
    );
  }
}

class secondPage extends StatelessWidget {
  const secondPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

我想在单击时将呈现的小部件更改为第二页，我该怎么做

我想在单击时更改渲染的小部件