🙂 İNSANLARIN EN HAYIRLISI INSANLARA FAYDALI OLANDIR 🙂

Ramazan HABER / FLUTTER / Sayfalar arası geçiş efekti beautiful page transitions

1-) FLUTTER - Sayfalar arası geçiş efekti beautiful page transitions

 

 

1-) TERMİNALE YAZ ÇALIŞTIR

 

flutter pub add page_transition

 

2-)  KULLANIMI

 

Navigator.push(context, PageTransition(type: PageTransitionType.fade, child: TelDogrulaPage()));

 

3-)  EKRAN GÖRÜNTÜSÜ VE KAYNAK

 

kaynak  : https://pub.dev/packages/page_transition

 

 

 

 

4-)  PUSHNAMED İLE

 

MaterialApp(

  theme:
ThemeProvider.themeOf(themeContext).data,
     debugShowCheckedModeBanner:
false,
    onGenerateRoute:
RouteGenerator.routeGenerator,

 

 

CLASS

 

class RouteGenerator {
  
static Route<dynamic>? _routeOlustur(Widget gidilecekWidget,RouteSettings settings){
    
if(defaultTargetPlatform==TargetPlatform.iOS){ // ios ise slaytı yan kullan dedik
      
return CupertinoPageRoute(
          settings: settings,
          builder: (context) => gidilecekWidget);
    }
else if(defaultTargetPlatform==TargetPlatform.android){
      
return MaterialPageRoute(
          settings: settings,
          builder: (context) => gidilecekWidget);
    }
else{
      
return MaterialPageRoute(
          settings: settings,
          builder: (context) => gidilecekWidget);
    }
  }
static Route<dynamic>? routeGenerator(RouteSettings settings) {
  
switch (settings.name!) {
    
case "/":
      
return PageTransition(child: LoginPage(), type: PageTransitionType.fade,settings: settings);
    
case Pages.login:
      
return PageTransition(child: LoginPage(), type: PageTransitionType.fade,settings: settings);
    
case Pages.kaydol:
      
return PageTransition(child: KaydolPage(), type: PageTransitionType.fade,settings: settings);
    
case Pages.teldogrula:
      
return PageTransition(child: TelDogrulaPage(), type: PageTransitionType.fade,settings: settings);
      
default:
      
return MaterialPageRoute(
          builder: (context) =>
Scaffold(
            appBar:
AppBar(
              title:
Text("404"),
            ),
            body:
Center(
              child:
Text("Sayfa bulunamadı"),
            ),
          ));
  }
}

}

 

 

 2022 Kasım 16 Çarşamba
 658