Flutter – Sayfalar Arası Geçiş (Navigate) İşlemi

Projelerde yer alan birden fazla sayfa arası geçiş işlemini Flutter’da Navigate ile yapabiliyoruz.

Navigate kullanımı için Fluttar bilgilendirme sayfasına ulaşmak için tıklayınız.

Ders Anlatım youtube videosuna ulaşmak için tıklayınız.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(home:  Canlilar(),


      );




  }
}

class Canlilar extends StatelessWidget {
  const Canlilar({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
        children: [
          Expanded(child: ElevatedButton(onPressed: (){
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => KediSayfasi()),
            );
          }, child: Image(image: AssetImage('images/cat.jpg'),),)),
          Expanded(child: ElevatedButton(onPressed: (){
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => SincapSayfasi()),
            );

          }, child: Image(image: AssetImage('images/sincap.jpg'),),)),
          Expanded(child: ElevatedButton(onPressed: (){
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => OrdekSayfasi()),
            );


          }, child: Image(image: AssetImage('images/ordek.jpg'),),)),  ],

    );
  }
}

class KediSayfasi extends StatelessWidget {
  const KediSayfasi({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(color: Colors.orange,
      child: Column(
        children: [
          Image(image:AssetImage('images/cat.jpg')),
          ElevatedButton( onPressed: (){
            Navigator.pop(context);
          }, child: Text("ana ekran için tıklayiniz"),),

        ],
      ),
    );
  }
}
class SincapSayfasi extends StatelessWidget {
  const SincapSayfasi({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          Image(image:AssetImage('images/sincap.jpg')),
          ElevatedButton(onPressed: (){
            Navigator.pop(context);
          }, child: Text("ana ekran için tıklayiniz"),),

        ],
      ),
    );
  }
}

class OrdekSayfasi extends StatelessWidget {
  const OrdekSayfasi({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          Image(image:AssetImage('images/ordek.jpg')),
          ElevatedButton(onPressed: (){
            Navigator.pop(context);
          }, child: Text("ana ekran için tıklayiniz"),),

        ],
      ),
    );
  }

İlk yorum yapan olun

Bir yanıt bırakın

E-posta hesabınız yayımlanmayacak.


*