Flutter: YouTube Search 05 - Search UI - BLoC Tutorial Course

📗 Get the code from this part 👇👇

Welcome back to the 5th part of the Flutter YouTube Search tutorial course. In the previous part we've added the state management layer which in our case is a BLoC. We already have the means to start searching for YouTube videos and also to utilize pagination so that we don't load all of the data at once.

Now that we have all that, we need to create a UI to display this data in. In this tutorial, you are going to learn how to create custom Flutter widgets, how to work with a BLoC and how to use the Kiwi dependency injection library for Flutter. In the next part you are going to learn how to create the paginated list view.

Go to my website for more information, code examples and articles:

Follow me on social media:

[nitinverma]

8:29, I have error here. in BlocProvider, the named parameter bloc is not defined and moreover it says that BlocProvider requires a parameter builder. please help me with this

[pedrosanchezroca]

I got a question regarding the architecture: when you extract the SearchBar and the SearchField, why do you extract them as a class extending StatelessWidget and not simply extracting them as a method returning Widget...like for example: Widget _buildSearchBar() { return or Widget _buildSearchField() { return ?? in the case of the SearchField I can understand the StatefulWidget class, since it has to manage state, but in the SearchBar I am not sure if i get it.

[PRAMODYADAV-mkow]

Please make a video for search data from realtime firebase database (not firestore)

[rafahsolis]

Hi, i was following this series of tutorials, great work, by the way!
Today following the last one (5 Search UI) i ran into the following issue:
I/flutter (27214): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY
I/flutter (27214): The following _CompileTimeError was thrown building Builder:
I/flutter (27214): 'package:bloc/src/bloc.dart': error: line 24 pos 44:
I/flutter (27214): Error: No named parameter with the name 'seedValue'.
I/flutter (27214): _stateSubject = initialState);
I/flutter (27214):
I/flutter (27214): _stateSubject = initialState);
I/flutter (27214): ^

The error is raised by line 9 of search_block.dart : super();)
called by injection_container.dart by kiwi.

¿Any idea of why this error happens?
Thanks!

[rafahsolis]

I think i found the problem, it works with rxdart: 0.20.0 but not with rxdart 0.21.0