Flutter Tutorial - 2/2 Quiz App UI

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

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

50% 1

Let's finish the Quiz App in Flutter with a beautiful home page and different categories of questions.
Click here to Subscribe to Johannes Milke: ru-vid.com...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/quiz...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
RESOURCES
Quiz App UI Tutorial (FIRST VIDEO): • Flutter Tutorial - 1/2...
Login & Signup Tutorial: • Flutter Tutorial - Log...
Onboarding UI Screen Tutorial: • Flutter Tutorial - Onb...
Native Splash Screen Tutorial: • Flutter Tutorial - Nat...
Change App Icon Tutorial: • Flutter Tutorial - Cha...
Light & Dark Theme Tutorial: • Flutter Tutorial - Flu...
Buttons 2.0 Tutorial: • Flutter Tutorial - New...
App Bar Tutorial: • Flutter Tutorial - App...
Search App Bar Tutorial: • Flutter Tutorial - Sea...
Slider Tutorial: • Flutter Tutorial - Slider
Range Slider Tutorial: • Flutter Tutorial - Ran...
TIMELINE
0:00 Introduction Quiz App UI
0:50 Create AppBar
3:40 Categories GridView
4:51 Category Card
8:47 Popular Categories
13:23 Questions AppBar
14:26 Create Question Numbers
17:35 Change Questions
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
LEARN MORE
SOURCE CODE | github.com/JohannesMilke
ARTICLES | / johannesmilke
PLAYLISTS
All Flutter Videos | • Flutter Tutorial - Flu...
Widgets - Flutter | • Flutter Tutorial - Flu...
Plugins - Flutter | • Flutter Tutorial - Flu...
Animations - Flutter | • Flutter Tutorial - Tra...
Designs - Flutter | • Flutter Tutorial - Flu...
Firebase - Flutter | • Flutter Tutorial - Pag...
State Management - Flutter | • Flutter Tutorial - Riv...
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
bit.ly/JohannesMilke

Наука

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

3 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/quiz_app_ii_example Quiz App UI Tutorial (FIRST VIDEO): ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gSvd-i0JSsU.html Login & Signup Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--32HIsRf26o.html Onboarding UI Screen Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CQlA2p--oEg.html Native Splash Screen Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-8ME8Czqc-Oc.html Change App Icon Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-n3r2kgnqhfo.html Light & Dark Theme Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HSAa9yi0OMA.html Buttons 2.0 Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ytlDKJBxW_A.html App Bar Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dHBF4IJZvHk.html Search App Bar Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-RaACAwvZ61E.html Slider Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vuw818gAlF8.html Range Slider Tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-KPxq3SLjg98.html

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

Wow. This is an amazing tutorial. Thanks a lot of creating such great content, am getting better at flutter through your channel.

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

Always as expected from flutter grandmaster 🙏🙏

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

Great as always 🙏

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

This looks awesome❤️

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

Awesome video always..; i learnt a lot from you, and your consistency is adorable..; a flutter ninja

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

Thank you very much mike, please make another video like this, ui interface is alao important too

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

@@HeyFlutter thanks mike

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

it was really helpful, can you make tutorial on how to see the quiz score ? and how to restart the quiz

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

Bravo to you. Very informative contents. Can you make a video about (firebase CRUD operation, or registration operation, handling busy state with Riverpod, handling login form data, validations, and error states using Riverpod and Freeze, establishing Model-View-ViewModel approach in order to separate ui and business logic, something like that. I am currently using Stacked Package but I would like switch to Riverpod, Freeze side, keeping use of MVVM aproach.

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

Please help: I tried to recreate it but in the "question.dart" file I keep getting the error " The parameter 'selectedOption' can't have a value of 'null' because of its type, but the implicit default value is 'null'." for the " this.selectedOption" area. I tried to "require" it like " require this.selectedOption" which takes away the error but it causes havoc in the data questions page. I tried looking for the solution everywhere but could not find it. I am a beginner coder. Any help would be appreciated. Thank you.

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

Did you find a solution to your problem? I took a look at the link but I still have the same problem.

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

nice. please create a tutorial on flutter dot graph. that graph that displays dots with values after performing mathematical calculations. never seen one tutorial on youtube

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

Hello, thank you very much for sharing, could you explain to me where I can find the final code? From what I see what is on github is the initial code.

@user-ux1dg1qn6v 2 года назад

Can you make a video to connect flutter anf backend like spring boot or something else

@vladarskopin3314 Год назад

Thank you so much for your tutorials, you are a great teacher, Johannes Milke! I get an error "ScrollController not attached to any scroll views. Failed assertion: line 107 pos 12: '_positions.isNotEmpty'", although I followed the tutorial. I hope one day I will be able to learn how to fix it

@HeyFlutter Год назад

Thank You VladarSkopin! Follow this link: stackoverflow.com/questions/60967898/how-to-solve-failed-assertion-line-110-pos-12-positions-isnotempty-scrollc I hope you will get your answer 🙂

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

how to add the score result?

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

Thank you for video, how i can classify question. Question is for all math, physics,...

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

@@HeyFlutter thanks you but question can't soft for subjects, One question for all subject, can i fix it? (Sorry because my english is bad)

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

How to do random questions?

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

People see that your illustration is the best, but i say that illustrating a whole tutorial using Command + Z is the best thing! HOW do you do it without a mistake when deleting each line in the right backward order before recording? xDD