BLoC Navigation with Flutter | Day 15

Kilo Loco shows you how to navigate between screens using Flutter BLoC and the Navigator 2.0. This tutorial will cover creating a navigation cubit, implementing a MultiBlocProvider, and utilizing the cubit's state to determine when to show a post details screen.
** Show Notes and Links **
Project Files:
github.com/Kil...
Kilo Loco on Social Media:
www.kiloloco.com
Discord - / discord
Twitter - / kilo_loco
Instagram - / kilo_loco
#flutter #dartlang #30DaysOfFlutter

[@diegotrujillo6284]

Yeahhh bro, this series are killing me!!! lmL KILO LOCOUUU

[@komalastawala1459]

Hello i'm havibg an error while using AppNavigator() in main.dart file
Child: AppNavigator(),
It shows 1positional argument(s) expected but 0 found

[@ezone2726]

Bloc series is 🔥
#thankyou #flutter #happycoding
#sharemoretutorial

[@Kilo_Loco]

Thanks! It seems to be the more popular pattern at the moment so almost everything from here on out will be using BLoC

[@ezone2726]

@@Kilo_Loco yes it is!
And thank you so much❤️

[@faizulla5838]

Good!
And Thank's for English class for me "a 'Ffff__n ' like that so easy peasy - lemon squeezy " , will on Monday I will use it on meting, expats will have a shock )))

[@fluttercoder1814]

Thanks for this amazing series Kilo...simply amazing.

[@handsanitizer2457]

Kilo thanks brother

[@JBridgeTube]

kilo
do you have a video for the new version of the bloc (version 8)? You explained it as easy to understand...
thank you

[@jaayaustin336]

you rock my dude!

[@VibhanshuChawla]

2023 and I am referring his videos over and over again to learn basics 🤌🤌

[@tranminhhaifet]

Thanks a lot! this helps me quickly able to use cubit&block, 10x more productive than reading api docs. feel that cubit&bloc somehow similar to observerable in swifuit, isn't it?

[@Kilo_Loco]

There are definitely a lot of similarities. I’ll be doing a bloc pattern tutorial in swift sometime after the challenge

[@tranminhhaifet]

@@Kilo_Loco can we use onTap: () => Navigator.puh(goto PostDetailView()) ? for each Card? pages inside Navigator can access the Cubit, many thanks your video ( I was struggling this).

[@drankou]

@@Kilo_Loco I feel like Swift enums with the associated value could really shine there :)

[@creativetech8471]

you should start using bloc extension or flutter snippets

[@feruzbekabdurahimov3122]

Hello everyone I am learning flutter and new this sphere. I have an error. class NavCubit extends Cubit {
NavCubit() : super(null); this ''null'' is making eror
void showPostDetails(Post post) => emit(post);
void popToPosts() => emit(null);
}
how can I fix it? could you help me? please.

[@minhhieuvodoan1897]

I think you should change NavCubit extends Cubit to NavCubit extends Cubit

[@Praveenmgupta]

Hi, If we put Cubit
then the following code gives an error
class AppNavigator extends StatelessWidget {
const AppNavigator({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return BlocBuilder( //this

[@kanyevest]

@@Praveenmgupta there's that line that has . Change that to to indicate that the post can be null

[@isheraz]

Hey Pressing back button exits the app, can you tell what it could possibly be?

[@bbalachandhar]

how do we add a drawer menu and login screen with this example?

[@jai6133]

How can we do parallel api calls in flutter bloc ?

[@deepjyotibaishya7576]

how to use two bloc and manage one single state

[@argahutama]

I prefer Getx in navigation

[@Praveenmgupta]

Hi, I am getting an error, please help-
class AppNavigator extends StatelessWidget {
const AppNavigator({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return BlocBuilder( //this

[@adriankadusza8342]

With Bloc v8.0.0. mapEventToState is deprecated so, here You go, i did it ...
class PostsBloc extends Bloc {
final _dataService = DataService();
PostsBloc() : super(LoadingPostsState()) {
on((event, emit) async {
await _getPost(emit);
});
}
Future _getPost(Emitter emit) async {
emit(LoadingPostsState());
try {
final posts = await _dataService.getPosts();
emit(LoadedPostsState(posts: posts));
} on Error catch (e) {
emit(FailedToLoadPostsState(error: e));
}
}
}