Flutter Navigate to a new screen and back. Use WillPopScope and Perform Push and Pop operations #4.3

Подписаться 135 тыс.

Просмотров 108 тыс.

50% 1

Access 7000+ courses for 60 days FREE: pluralsight.pxf.io/c/1291657/...
Understand how Navigator widget manages push and pop operations to navigate to a new screen and come back. Use WillPopScope widget and use Material Navigation widgets to understand how navigation works in Flutter. In flutter one screen is known as one Route.
Next Video: • Dart & Flutter Asynchr...
Previous Video: • Flutter SQFLite Databa...
Video Code: bit.ly/2KLMSix
Complete Source code files: bit.ly/2NINczC .
.
Please donate and support my work
(If you think my free tutorials are better than paid ones :)
- Patreon: bit.ly/patreon-donate
- Paypal/Payoneer: sriyank123@gmail.com
- UPI (only for India): smartherd@okaxis
:: If you want to develop a website or a mobile app, email me your requirement at sriyank.siddhartha@gmail.com :: Free demos provided beforehand ::
- Access my premium courses: bit.ly/sriyank-courses
Free Programming courses:
- Ruby Programming: bit.ly/smyt-r
- Dart Programming: bit.ly/smyt-d
- Kotlin Programming: bit.ly/smyt-k
- Java Programming: bit.ly/smyt-j
- Kotlin Coroutines: bit.ly/smyt-coru
Free Flutter course:
- Flutter App Development: bit.ly/2Rg7EFR
Free Android courses:
- Android using Kotlin: bit.ly/smyt-ka
- Android using Java: bit.ly/smyt-ja
- Android Material Design: bit.ly/2SMJqU6
- Android Jetpack Architecture: bit.ly/yt-j
- Android Multiple Screen Support: bit.ly/smyt-mss
- Android Retrofit: bit.ly/2Ee6GHn
More free programming courses:
- bit.ly/smy-list
Check out my website:
- bit.ly/smartherd
Let's get in touch! [Sriyank Siddhartha]
LinkedIn: bit.ly/sriyank-linkedin
Facebook: bit.ly/smartherd-facebook
Instagram: bit.ly/sriyank-instagram
Twitter: bit.ly/sriyank-twitter
Github: bit.ly/smartherd-github
--- Thank you for your love and support ---

Опубликовано:

2 ноя 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 58

@matiasgomez9416 4 года назад

Code: 3:35 > Navigate to New Screen Navigator.push(context, MaterialPageRoute(builder: (context){ return NoteDetail(); } 7:40 > Return Last Screen leading: IconButton( icon: Icon(Icons.arrow_back), onPressed: (){ moveToLastScreen(); ), 8:28 > WillPopScore return WillPopScore( onWillPop: (){ moveToLastSreen(); }, return Scaffold( ... ); 9:35 > Return Last Screen void moveToLastScreen(){ Navigator.pop(context); }

@karimovitche 5 лет назад

seriously, I can't find words, perfect, thanks a lot.

@smartherd 5 лет назад

Cool keep commenting and like vide

@zahraadelung9085 4 года назад

Thank you so much. As a programming learner, I've rarely heard such an understandable and clear explanation. Awesome job.

@viveks. 3 года назад

Same!

@mohammedsadiq1567 5 лет назад

Your efforts are great and they show it in your videos..

@ovalverde 5 лет назад

Thks a lot! was explained very well.

@rohit_mondal__ 4 года назад

This video really helped me a lot...Thanks!!!!!!

@Schnoebel 4 года назад

is your favorite sentence "how simple is that" :D ? Very good videos !!!

@peet91pop 5 лет назад

great work , nice navigation explanation , thanks waiting for more videos

@smartherd 5 лет назад

Thanks a lot .everyday video will come

@priyankahegde6441 5 лет назад

Thank you so much sir

@omidkarami4312 Год назад

Very well explained! Thanks mate!

@veenisazta1582 4 года назад

Very well explained 😊

@MyChanneltutzzzzz 5 лет назад

helped a lot

@dantedt3931 2 года назад

Best explanation,thanks. Subscribed.

@krishnakumarramachandran5888 5 лет назад

Perfect Sir.

@GAMEOLOGIST 2 года назад

Nice and Smart Explanation !!

@sumanparajuli229 4 года назад

Just wow... put more videos on flutter

@MrDania101 5 лет назад

thank you

@ytubewiki 4 года назад

Thanks a million.

@gauravkhambra901 5 лет назад

Thanku sir for making that

@smartherd 5 лет назад

Welcome

@chhivangthuch1369 3 года назад

good video , thanks

@jdsflk2792 3 года назад

Hi! Did you use a MacBook in this video? If yes, which model? Thanks for your answer in advance!

@amrragheb221 5 лет назад

Bro I have three pages to navigate 1to2 and 2to3 but the back button of the real device back me from 3 to 1 / I already have an arrow in app bar in page 3 and it work well it back me from 3 to 2 pages perfectly but the problem in the button of the device .. And I applied willpopscope widget . And still not work can u tell me what is the problem?

@krishnakumarramachandran5888 5 лет назад

Instead of using Navigator.pop(context); you can put code like this, Navigator.pop(context, MaterialPageRoute(builder: (context) { return NoteList(); })); and you can solve your problem.

@muzammiladamu9911 2 года назад

can you help us with tutorial on how to create OSINT tool using flutter and API

@cedric_ds 4 года назад

5:12 why don't we need to pass the BuildContext as an argument in navigateToDetail()? The context used inside that function, where does it come from?

@GAMEOLOGIST 2 года назад

We are already defined on the build function. It coming from that

@Vathananable 4 года назад

How do you need a new Screen UI in the existing whitespace of the same page after a button pressed using Flutter? I mean like in ASP.net you have Partial views so in flutter do you have something like that?

@noelthekkethala1562 4 года назад

why is there two constructor created in note_detail file in both classes ?

@karthick-ik5wr 3 года назад

While clicking device back button willpop method is not called.. Please help me out

@firstbay4024 4 года назад

there is no back button on iphone? this is only for android. how do we do the back to home page on iphone?

@SatyaPrakash-lc6ee 4 года назад

Discussion on "In flutter one screen is known as one route" ------------------------------------------------------------------------------------------------- No offence, but have you watched the Udacity's Build Native Mobile App with Flutter course, the instructor also agrees with this in 18th video of Lesson 1. But there is clarification also that "In flutter route is the path to the screen". So who is correct ?? You & that instructor OR the clarification ? Please clear this confusion.

@Eeshwargiri 3 года назад

sir make a video on "TabBar and TabBarView form with next previous and finish button flutter" please

@pradipbhandari3662 3 года назад

I need help how to send multiple data.... To another page

@wahyusaragih4265 5 лет назад

sir can you make a tutorial how to add and use custom icon to flutter? I created my custom icon, but i can't use it. The icon got error.

@surainvlog5444 3 года назад

1.Navigator operation requested with a context that does not include a Navigator. above error shown help me plz anyone

@mournblank 4 года назад

5:17 when creating navigateToDetail(), I got error at context. It never declared. Please help

@habibrehman8305 4 года назад

same case here, is it solved?

@riteshpatidar9184 4 года назад

Create a parameter named 'context' of class BuildContext, and then pass 'context' of build function parameter to navigateToDetail() fucntion.

@arniifounder 3 года назад

I'm new to flutter, but I was able to pass the context using this: Hope it helps for anyone looking at this in the future onTap: () { debugPrint("ListTile Tapped"); navigateToDetail(context, 'Edit Note'); }, ), ); } ); } } void navigateToDetail(BuildContext context, String title) { Navigator.push(context, MaterialPageRoute(builder: (context) { return NoteDetail(title); })); }

@mridulbagla 3 года назад

I have an error: ############################# This class (or a class that this class inherits from) is marked as '@immutable', but one or more of its instance fields aren't final: NoteDetail.appBarTitle(dart.must_be_immutable) ############################# can anyone resolve?? Thanks in advance. Btw great Video Sir!

@rudreshsp3236 3 года назад

hi onWillPop() asking for a return error plz help

@AbhinavMohanMishraRMP 2 года назад

onWillPop: () async => await moveToLastScreen() And Make Function with return type Future: Future moveToLastScreen() { Navigator.pop(context); return Future.value(true); }

@sansritpaudel8455 5 лет назад

I am subscribing. but you must reply my problem solution ok

@faheemahmadofficial7701 3 года назад

please please please make new flutter course for 2021 on youtube please and make it simple not complex and make it eaiser not difficult and speak slow