[console error] Unexpected javascript error from running app

[ahmetbalaman]

Relevant console output

Script error.

When did the error happen?

please fix it

Your Dart code

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class AppColors {
  static const primary = Color(0xFFF26C0D);
  static const textDark = Color(0xFF181411);
  static const textLight = Color(0xFF8A7260);
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Navigator Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primaryColor: AppColors.primary,
        appBarTheme: AppBarTheme(
          backgroundColor: AppColors.primary,
          foregroundColor: Colors.white,
        ),
        elevatedButtonTheme: ElevatedButtonThemeData(
          style: ElevatedButton.styleFrom(
            backgroundColor: AppColors.primary,
            foregroundColor: Colors.white,
          ),
        ),
      ),
      home: MainMenuPage(),
    );
  }
}

class MainMenuPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Navigator Örnekleri')),
      body: ListView(
        padding: EdgeInsets.all(16),
        children: [
          _menuCard(context, '1. Temel push/pop', Icons.arrow_forward,
              () => Navigator.push(context, MaterialPageRoute(builder: (_) => BasicNavigationPage()))),
          _menuCard(context, '2. Veri Gönderme', Icons.shopping_bag,
              () => Navigator.push(context, MaterialPageRoute(builder: (_) => ProductListPage()))),
          _menuCard(context, '3. Veri Alma (pop ile)', Icons.location_city,
              () => Navigator.push(context, MaterialPageRoute(builder: (_) => SelectCityPage()))),
          _menuCard(context, '4. pushReplacement', Icons.login,
              () => Navigator.push(context, MaterialPageRoute(builder: (_) => LoginPage()))),
          _menuCard(context, '5. PopScope (Geri Tuşu)', Icons.back_hand,
              () => Navigator.push(context, MaterialPageRoute(builder: (_) => PopScopeExample()))),
        ],
      ),
    );
  }

  Widget _menuCard(BuildContext context, String title, IconData icon, VoidCallback onTap) {
    return Card(
      margin: EdgeInsets.only(bottom: 12),
      child: ListTile(
        leading: Icon(icon, color: AppColors.primary),
        title: Text(title, style: TextStyle(fontWeight: FontWeight.bold)),
        trailing: Icon(Icons.arrow_forward_ios, size: 16),
        onTap: onTap,
      ),
    );
  }
}

// 1. Temel Navigation
class BasicNavigationPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Temel Navigation')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.home, size: 60, color: AppColors.primary),
            SizedBox(height: 20),
            ElevatedButton(
              child: Text('Detay Sayfasına Git'),
              onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(builder: (_) => DetailPage()),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class DetailPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Detay')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.info, size: 60, color: AppColors.primary),
            SizedBox(height: 20),
            ElevatedButton(
              child: Text('Geri Dön'),
              onPressed: () => Navigator.pop(context),
            ),
          ],
        ),
      ),
    );
  }
}

// 2. Veri Gönderme
class ProductListPage extends StatelessWidget {
  final products = [
    {'name': 'iPhone 15', 'price': 50000},
    {'name': 'Samsung S24', 'price': 45000},
    {'name': 'Xiaomi 14', 'price': 35000},
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Ürünler')),
      body: ListView.builder(
        itemCount: products.length,
        itemBuilder: (context, index) {
          final product = products[index];
          return ListTile(
            leading: Icon(Icons.phone_android, color: AppColors.primary),
            title: Text(product['name'] as String),
            subtitle: Text('${product['price']} TL'),
            trailing: Icon(Icons.arrow_forward_ios),
            onTap: () => Navigator.push(
              context,
              MaterialPageRoute(
                builder: (_) => ProductDetailPage(
                  name: product['name'] as String,
                  price: product['price'] as int,
                ),
              ),
            ),
          );
        },
      ),
    );
  }
}

class ProductDetailPage extends StatelessWidget {
  final String name;
  final int price;

  const ProductDetailPage({required this.name, required this.price});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(name)),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.phone_android, size: 80, color: AppColors.primary),
            SizedBox(height: 20),
            Text(name, style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
            Text('$price TL', style: TextStyle(fontSize: 20, color: Colors.green)),
          ],
        ),
      ),
    );
  }
}

// 3. Veri Alma (pop ile)
class SelectCityPage extends StatefulWidget {
  @override
  _SelectCityPageState createState() => _SelectCityPageState();
}

class _SelectCityPageState extends State<SelectCityPage> {
  String selectedCity = 'Henüz seçilmedi';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Şehir Seç')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.location_city, size: 60, color: AppColors.primary),
            SizedBox(height: 20),
            Text(selectedCity, style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
            SizedBox(height: 30),
            ElevatedButton(
              child: Text('Şehir Listesi'),
              onPressed: () async {
                final result = await Navigator.push(
                  context,
                  MaterialPageRoute(builder: (_) => CityListPage()),
                );
                if (result != null) {
                  setState(() => selectedCity = result);
                }
              },
            ),
          ],
        ),
      ),
    );
  }
}

class CityListPage extends StatelessWidget {
  final cities = ['İstanbul', 'Ankara', 'İzmir', 'Antalya', 'Bursa'];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Şehirler')),
      body: ListView.builder(
        itemCount: cities.length,
        itemBuilder: (context, index) => ListTile(
          leading: Icon(Icons.location_city, color: AppColors.primary),
          title: Text(cities[index]),
          onTap: () => Navigator.pop(context, cities[index]),
        ),
      ),
    );
  }
}

// 4. pushReplacement
class LoginPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Giriş')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.login, size: 60, color: AppColors.primary),
            SizedBox(height: 20),
            Text('Giriş Yap', style: TextStyle(fontSize: 24)),
            SizedBox(height: 30),
            ElevatedButton(
              child: Text('Giriş Yap'),
              onPressed: () => Navigator.pushReplacement(
                context,
                MaterialPageRoute(builder: (_) => DashboardPage()),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class DashboardPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Ana Sayfa'),
        automaticallyImplyLeading: false, // Geri tuşunu gizle
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(Icons.dashboard, size: 60, color: AppColors.primary),
            SizedBox(height: 20),
            Text('Hoş Geldiniz!', style: TextStyle(fontSize: 24)),
            Text('(Geri tuşu Login\'e dönmez)', style: TextStyle(fontSize: 12)),
            SizedBox(height: 30),
            ElevatedButton(
              child: Text('Çıkış (pushAndRemoveUntil)'),
              onPressed: () => Navigator.pushAndRemoveUntil(
                context,
                MaterialPageRoute(builder: (_) => LoginPage()),
                (route) => false,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

// 5. PopScope (Geri Tuşunu Yakalama)
class PopScopeExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return PopScope(
      canPop: false,
      onPopInvokedWithResult: (didPop, result) async {
        if (didPop) return;
        
        final shouldPop = await showDialog<bool>(
          context: context,
          builder: (context) => AlertDialog(
            title: Text('Çıkmak İstiyor musunuz?'),
            actions: [
              TextButton(
                child: Text('Hayır'),
                onPressed: () => Navigator.pop(context, false),
              ),
              TextButton(
                child: Text('Evet'),
                onPressed: () => Navigator.pop(context, true),
              ),
            ],
          ),
        );

        if (context.mounted && shouldPop == true) {
          Navigator.pop(context);
        }
      },
      child: Scaffold(
        appBar: AppBar(title: Text('PopScope Örneği')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Icon(Icons.back_hand, size: 60, color: Colors.red),
              SizedBox(height: 20),
              Text('Geri Tuşu Kontrolü', style: TextStyle(fontSize: 20)),
              SizedBox(height: 10),
              Padding(
                padding: EdgeInsets.all(32),
                child: Text(
                  'Geri tuşuna basın, onay dialogu çıkacak!',
                  textAlign: TextAlign.center,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

What OS did this error occur on?

macOS

What browser(s) did this error occur on?

Chromium based (Chrome, Edge)

Do you have any additional information?

No response

[ahmetbalaman]

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

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

// Renk Paleti
class AppColors {
static const Color primary = Color(0xFFF26C0D); // Turuncu
static const Color textLight = Color(0xFF181411); // Koyu kahverengi
static const Color subtextLight = Color(0xFF8A7260); // Açık kahverengi
static const Color bgLight = Color(0xFFFFFFFF); // Beyaz

static const Color success = Color(0xFF4CAF50); // Yeşil
static const Color error = Color(0xFFFF0000); // Kırmızı
static const Color info = Color(0xFF2196F3); // Mavi
static const Color warning = Color(0xFFFFC107); // Sarı
}

class MyApp extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Navigator Demo',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor: AppColors.primary,
scaffoldBackgroundColor: AppColors.bgLight,
colorScheme: ColorScheme.light(
primary: AppColors.primary,
secondary: AppColors.primary,
),
textTheme: TextTheme(
bodyLarge: TextStyle(color: AppColors.textLight),
bodyMedium: TextStyle(color: AppColors.textLight),
titleLarge: TextStyle(color: AppColors.textLight),
),
appBarTheme: AppBarTheme(
backgroundColor: AppColors.primary,
foregroundColor: Colors.white,
elevation: 0,
),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.primary,
foregroundColor: Colors.white,
),
),
useMaterial3: true,
),
// Named Routes tanımlaması
initialRoute: '/',
routes: {
'/': (context) => MainMenuPage(),
'/basic': (context) => HomePage(),
'/products': (context) => ProductListPage(),
'/selectCity': (context) => SelectCityPage(),
'/login': (context) => LoginPage(),
'/register': (context) => RegisterPage(),
'/profile': (context) => ProfilePage(),
'/settings': (context) => SettingsPage(),
},
);
}
}

// Ana Menü Sayfası - Tüm örneklere erişim
class MainMenuPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Navigator Demo - Ana Menü'),
),
body: ListView(
padding: EdgeInsets.all(16),
children: [
_buildMenuCard(
context,
'Temel Navigator Kullanımı',
'push() ve pop() metodları',
Icons.arrow_forward,
AppColors.primary,
() {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => HomePage()),
);
},
),
_buildMenuCard(
context,
'Sayfalar Arası Veri Gönderme',
'Constructor ile veri transferi',
Icons.shopping_bag,
AppColors.success,
() {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => ProductListPage()),
);
},
),
_buildMenuCard(
context,
'Geri Dönerken Veri Alma',
'pop() ile veri döndürme',
Icons.location_city,
AppColors.warning,
() {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => SelectCityPage()),
);
},
),
_buildMenuCard(
context,
'pushReplacement Örneği',
'Login/Register akışı',
Icons.login,
AppColors.info,
() {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => LoginPage()),
);
},
),
_buildMenuCard(
context,
'Named Routes Kullanımı',
'İsimlendirilmiş rotalar',
Icons.route,
Color(0xFF009688),
() {
Navigator.pushNamed(context, '/profile');
},
),
_buildMenuCard(
context,
'Özel Animasyonlu Geçiş',
'PageRouteBuilder ile',
Icons.animation,
Color(0xFFE91E63),
() {
Navigator.push(
context,
PageRouteBuilder(
pageBuilder: (context, animation, secondaryAnimation) =>
AnimatedTransitionPage(),
transitionsBuilder: (context, animation, secondaryAnimation, child) {
const begin = Offset(0.0, 1.0);
const end = Offset.zero;
const curve = Curves.easeInOut;

                var tween = Tween(begin: begin, end: end).chain(
                  CurveTween(curve: curve),
                );

                return SlideTransition(
                  position: animation.drive(tween),
                  child: child,
                );
              },
            ),
          );
        },
      ),
      _buildMenuCard(
        context,
        'PopScope Örneği',
        'Geri tuşunu yakalama (güncel)',
        Icons.back_hand,
        AppColors.error,
        () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => WillPopScopePage()),
          );
        },
      ),
      _buildMenuCard(
        context,
        'FullScreen Dialog',
        'Aşağıdan yukarı açılır',
        Icons.fullscreen,
        Color(0xFF3F51B5),
        () {
          Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => FullScreenDialogPage(),
              fullscreenDialog: true,
            ),
          );
        },
      ),
    ],
  ),
);

}

Widget _buildMenuCard(BuildContext context, String title, String subtitle,
IconData icon, Color color, VoidCallback onTap) {
return Card(
elevation: 2,
margin: EdgeInsets.only(bottom: 12),
child: ListTile(
leading: CircleAvatar(
backgroundColor: color,
child: Icon(icon, color: Colors.white),
),
title: Text(
title,
style: TextStyle(
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
subtitle: Text(
subtitle,
style: TextStyle(color: AppColors.subtextLight),
),
trailing: Icon(Icons.arrow_forward_ios, size: 16, color: AppColors.subtextLight),
onTap: onTap,
),
);
}
}

// 1. Temel Navigator Kullanımı
class HomePage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Ana Sayfa'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.home, size: 80, color: AppColors.primary),
SizedBox(height: 20),
Text(
'Ana Sayfa',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 40),
ElevatedButton.icon(
icon: Icon(Icons.arrow_forward),
label: Text('Detay Sayfasına Git'),
style: ElevatedButton.styleFrom(
padding: EdgeInsets.symmetric(horizontal: 32, vertical: 16),
),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => DetailPage()),
);
},
),
],
),
),
);
}
}

class DetailPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Detay Sayfa'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.info, size: 80, color: AppColors.primary),
SizedBox(height: 20),
Text(
'Bu detay sayfası',
style: TextStyle(fontSize: 20, color: AppColors.textLight),
),
SizedBox(height: 40),
ElevatedButton.icon(
icon: Icon(Icons.arrow_back),
label: Text('Geri Dön'),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.subtextLight,
),
onPressed: () {
Navigator.pop(context);
},
),
],
),
),
);
}
}

// 2. Sayfalar Arası Veri Gönderme
class ProductListPage extends StatelessWidget {
final List<Map<String, dynamic>> products = [
{
'name': 'iPhone 15',
'price': 50000,
'description': 'Yeni nesil akıllı telefon',
'color': Colors.grey,
},
{
'name': 'Samsung S24',
'price': 45000,
'description': 'Android'in en iyisi',
'color': Colors.black,
},
{
'name': 'Xiaomi 14',
'price': 35000,
'description': 'Uygun fiyatlı performans',
'color': Colors.blue,
},
{
'name': 'Google Pixel 8',
'price': 40000,
'description': 'Temiz Android deneyimi',
'color': Colors.green,
},
];

@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Ürünler'),
),
body: ListView.builder(
itemCount: products.length,
itemBuilder: (context, index) {
final product = products[index];
return Card(
margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: ListTile(
leading: CircleAvatar(
backgroundColor: product['color'],
child: Icon(Icons.phone_android, color: Colors.white),
),
title: Text(
product['name'],
style: TextStyle(fontWeight: FontWeight.bold),
),
subtitle: Text('${product['price']} TL'),
trailing: Icon(Icons.arrow_forward_ios),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => ProductDetailPage(
productName: product['name'],
price: product['price'],
description: product['description'],
color: product['color'],
),
),
);
},
),
);
},
),
);
}
}

class ProductDetailPage extends StatelessWidget {
final String productName;
final int price;
final String description;
final Color color;

const ProductDetailPage({
Key? key,
required this.productName,
required this.price,
required this.description,
required this.color,
}) : super(key: key);

@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(productName),
backgroundColor: color,
),
body: Padding(
padding: EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Center(
child: Container(
width: 200,
height: 200,
decoration: BoxDecoration(
color: color.withValues(alpha: 0.2),
borderRadius: BorderRadius.circular(20),
),
child: Icon(Icons.phone_android, size: 100, color: color),
),
),
SizedBox(height: 24),
Text(
productName,
style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
),
SizedBox(height: 8),
Text(
'${price.toString()} TL',
style: TextStyle(
fontSize: 24,
color: AppColors.success,
fontWeight: FontWeight.bold,
),
),
SizedBox(height: 16),
Text(
'Açıklama:',
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
),
SizedBox(height: 8),
Text(
description,
style: TextStyle(fontSize: 16),
),
],
),
),
);
}
}

// 3. Geri Dönerken Veri Döndürme
class SelectCityPage extends StatefulWidget {
@OverRide
_SelectCityPageState createState() => _SelectCityPageState();
}

class _SelectCityPageState extends State {
String? selectedCity;

@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Şehir Seç'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.location_city, size: 80, color: AppColors.warning),
SizedBox(height: 20),
Text(
selectedCity ?? 'Henüz şehir seçilmedi',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 40),
ElevatedButton.icon(
icon: Icon(Icons.list),
label: Text('Şehir Listesini Aç'),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.warning,
foregroundColor: AppColors.textLight,
padding: EdgeInsets.symmetric(horizontal: 32, vertical: 16),
),
onPressed: () async {
final result = await Navigator.push(
context,
MaterialPageRoute(builder: (context) => CityListPage()),
);

            if (result != null) {
              setState(() {
                selectedCity = result;
              });
              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(
                  content: Text('Seçilen şehir: $result'),
                  backgroundColor: AppColors.success,
                ),
              );
            }
          },
        ),
      ],
    ),
  ),
);

}
}

class CityListPage extends StatelessWidget {
final List<Map<String, dynamic>> cities = [
{'name': 'İstanbul', 'icon': Icons.mosque},
{'name': 'Ankara', 'icon': Icons.account_balance},
{'name': 'İzmir', 'icon': Icons.beach_access},
{'name': 'Antalya', 'icon': Icons.wb_sunny},
{'name': 'Bursa', 'icon': Icons.landscape},
{'name': 'Mersin', 'icon': Icons.sailing},
];

@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Şehir Listesi'),
),
body: ListView.builder(
itemCount: cities.length,
itemBuilder: (context, index) {
return Card(
margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: ListTile(
leading: Icon(cities[index]['icon'], color: AppColors.warning),
title: Text(
cities[index]['name'],
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
),
trailing: Icon(Icons.check_circle_outline),
onTap: () {
Navigator.pop(context, cities[index]['name']);
},
),
);
},
),
);
}
}

// 4. pushReplacement - Login/Register Örneği
class LoginPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Giriş Yap'),
),
body: Center(
child: Padding(
padding: EdgeInsets.all(32),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.login, size: 80, color: AppColors.info),
SizedBox(height: 20),
Text(
'Giriş Yap',
style: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 40),
ElevatedButton.icon(
icon: Icon(Icons.check),
label: Text('Giriş Yap'),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.info,
padding: EdgeInsets.symmetric(horizontal: 48, vertical: 16),
),
onPressed: () {
Navigator.pushReplacement(
context,
MaterialPageRoute(builder: (context) => DashboardPage()),
);
},
),
SizedBox(height: 20),
TextButton(
child: Text('Hesabınız yok mu? Kayıt olun'),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => RegisterPage()),
);
},
),
],
),
),
),
);
}
}

class RegisterPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Kayıt Ol'),
),
body: Center(
child: Padding(
padding: EdgeInsets.all(32),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.person_add, size: 80, color: AppColors.info),
SizedBox(height: 20),
Text(
'Kayıt Ol',
style: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 40),
ElevatedButton.icon(
icon: Icon(Icons.check),
label: Text('Kaydı Tamamla'),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.info,
padding: EdgeInsets.symmetric(horizontal: 48, vertical: 16),
),
onPressed: () {
Navigator.pushReplacement(
context,
MaterialPageRoute(builder: (context) => LoginPage()),
);

              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(
                  content: Text('Kayıt başarılı! Giriş yapabilirsiniz.'),
                  backgroundColor: AppColors.success,
                ),
              );
            },
          ),
        ],
      ),
    ),
  ),
);

}
}

class DashboardPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Ana Sayfa'),
automaticallyImplyLeading: false,
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.dashboard, size: 80, color: AppColors.primary),
SizedBox(height: 20),
Text(
'Hoş Geldiniz!',
style: TextStyle(
fontSize: 28,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 10),
Text(
'Geri tuşuna basın - Login'e dönmez',
style: TextStyle(color: AppColors.subtextLight),
),
SizedBox(height: 40),
ElevatedButton.icon(
icon: Icon(Icons.logout),
label: Text('Çıkış Yap (pushAndRemoveUntil)'),
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.error,
),
onPressed: () {
Navigator.pushAndRemoveUntil(
context,
MaterialPageRoute(builder: (context) => LoginPage()),
(route) => false,
);
},
),
],
),
),
);
}
}

// 5. Named Routes Kullanımı
class ProfilePage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Profil'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
CircleAvatar(
radius: 50,
backgroundColor: AppColors.primary,
child: Icon(Icons.person, size: 60, color: Colors.white),
),
SizedBox(height: 20),
Text(
'Ahmet Balaman',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 40),
ElevatedButton.icon(
icon: Icon(Icons.settings),
label: Text('Ayarlara Git (Named Route)'),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.teal,
),
onPressed: () {
Navigator.pushNamed(
context,
'/settings',
arguments: {'userId': 123, 'username': 'ahmet'},
);
},
),
],
),
),
);
}
}

class SettingsPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
final args = ModalRoute.of(context)?.settings.arguments as Map?;

return Scaffold(
  appBar: AppBar(
    title: Text('Ayarlar'),
  ),
  body: Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Icon(Icons.settings, size: 80, color: AppColors.primary),
        SizedBox(height: 20),
        Text(
          'Ayarlar Sayfası',
          style: TextStyle(
            fontSize: 24,
            fontWeight: FontWeight.bold,
            color: AppColors.textLight,
          ),
        ),
        if (args != null) ...[
          SizedBox(height: 20),
          Text(
            'User ID: ${args['userId']}',
            style: TextStyle(color: AppColors.textLight),
          ),
          Text(
            'Username: ${args['username']}',
            style: TextStyle(color: AppColors.textLight),
          ),
        ],
      ],
    ),
  ),
);

}
}

// 6. Özel Animasyonlu Geçiş
class AnimatedTransitionPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Özel Animasyon'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.animation, size: 80, color: AppColors.primary),
SizedBox(height: 20),
Text(
'Aşağıdan Yukarı Kayma',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 10),
Text(
'PageRouteBuilder kullanıldı',
style: TextStyle(color: AppColors.subtextLight),
),
],
),
),
);
}
}

// 7. PopScope Örneği (WillPopScope yerine)
class WillPopScopePage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return PopScope(
canPop: false,
onPopInvokedWithResult: (bool didPop, dynamic result) async {
if (didPop) return;

    final shouldPop = await showDialog<bool>(
      context: context,
      builder: (context) => AlertDialog(
        title: Text('Çıkmak İstiyor musunuz?'),
        content: Text('Bu sayfadan çıkmak istediğinize emin misiniz?'),
        actions: [
          TextButton(
            child: Text('Hayır'),
            onPressed: () => Navigator.pop(context, false),
          ),
          TextButton(
            child: Text('Evet'),
            onPressed: () => Navigator.pop(context, true),
          ),
        ],
      ),
    );

    if (context.mounted && shouldPop == true) {
      Navigator.pop(context);
    }
  },
  child: Scaffold(
    appBar: AppBar(
      title: Text('WillPopScope'),
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Icon(Icons.back_hand, size: 80, color: AppColors.error),
          SizedBox(height: 20),
          Text(
            'Geri Tuşunu Yakalama',
            style: TextStyle(
              fontSize: 24,
              fontWeight: FontWeight.bold,
              color: AppColors.textLight,
            ),
          ),
          SizedBox(height: 10),
          Padding(
            padding: EdgeInsets.all(32),
            child: Text(
              'Geri tuşuna veya AppBar\'daki geri okuna basın. Dialog çıkacak!',
              textAlign: TextAlign.center,
              style: TextStyle(color: AppColors.subtextLight),
            ),
          ),
        ],
      ),
    ),
  ),
);

}
}

// 8. FullScreen Dialog
class FullScreenDialogPage extends StatelessWidget {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Full Screen Dialog'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.fullscreen, size: 80, color: AppColors.primary),
SizedBox(height: 20),
Text(
'FullScreen Dialog',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: AppColors.textLight,
),
),
SizedBox(height: 10),
Padding(
padding: EdgeInsets.all(32),
child: Text(
'Bu sayfa aşağıdan yukarı açıldı. fullscreenDialog: true kullanıldı.',
textAlign: TextAlign.center,
style: TextStyle(color: AppColors.subtextLight),
),
),
],
),
),
);
}
}`

same as this