Flutter Unexpected error, opens Heros.dart file - flutter

Question

In my app there is 3 button.
Among them Login and Register button is working on onPressed but Settings Button (...) is not working. Once I click settings button I get this error.
Here is my Navigator code
ElevatedButton(
style: ElevatedButton.styleFrom(backgroundColor: Colors.grey),
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) {
return const SettingsPage();
},
),
);
},
child: const Text(
'...',
style: TextStyle(fontSize: 25),
),
),
This is my entire screen including emulator.
Here is my WelcomePage full code.
import 'package:flutter/material.dart';
import 'package:test_app_2nd/login_page.dart';
import 'package:test_app_2nd/register_page.dart';
import 'package:test_app_2nd/settings.dart';
class WelcomePage extends StatefulWidget {
const WelcomePage({super.key});
#override
State<WelcomePage> createState() => _WelcomePage();
}
class _WelcomePage extends State<WelcomePage> {
#override
Widget build(BuildContext context) {
return Material(
child: Scaffold(
appBar: AppBar(
title: const Text('Welcome'),
centerTitle: true,
backgroundColor: Colors.red,
),
backgroundColor: Colors.white,
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset('images/flame-sign-in.png'),
const SizedBox(
height: 35.0,
),
const SizedBox(
height: 30.0,
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
onPressed: () {
Navigator.of(context)
.push(MaterialPageRoute(builder: (context) {
return const LoginPage();
}));
},
child: const Text('Login'),
),
const SizedBox(
width: 55.0,
),
ElevatedButton(
style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) {
return const RegisterPage();
},
),
);
},
child: const Text('Register'),
),
],
),
const SizedBox(
height: 35.0,
),
ElevatedButton(
style: ElevatedButton.styleFrom(backgroundColor: Colors.grey),
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) {
return const SettingsPage();
},
),
);
},
child: const Text(
'...',
style: TextStyle(fontSize: 25),
),
),
],
),
),
);
}
}
Here is my settings page full code:
import 'package:flutter/material.dart';
class SettingsPage extends StatefulWidget {
const SettingsPage({super.key});
#override
State<SettingsPage> createState() => _SettingsPageState();
}
String imagePath1 = 'images/flame-4.png';
String imagePath2 = 'images/flame-134.png';
String currentImagePath = imagePath1;
class _SettingsPageState extends State<SettingsPage> {
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Settings'),
actions: [
FloatingActionButton(
onPressed: () {},
child: const Icon(
Icons.add,
),
),
const SizedBox(
width: 5,
),
FloatingActionButton(
onPressed: () {},
child: const Text(
'...',
style: TextStyle(fontSize: 20.0),
),
)
],
),
drawerEnableOpenDragGesture: false,
backgroundColor: Colors.white,
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
setState(() {
if (currentImagePath == imagePath1) {
currentImagePath = imagePath2;
} else {
currentImagePath = imagePath1;
}
});
},
child: const Text('Click Me'),
),
Image.asset(currentImagePath),
],
),
),
);
}
}
Here is my error page screen shoot: