Flutter: Quiz App Tutorial | Premier | USA And Giveaway Update

there was some guys welcome back to my quarrel and welcome to the second premiere of my mtech viral flutter tutorials and I have made these premiers you know to actually have those guys who are starting with flutter or who wants to learn about different widgets and how to use them in a prod or in a project so that's what I am targeting and first of all happy Diwali to you and your family and the second thing is that I actually did a giveaway in the last game of Thrones video so the result will be announced very soon I actually wanted to announce it like two days back but the thing is that I am going to USA so today I am tonight I will be going to USA and there I will meet flutter team and I will do something good for the viewers of this channel so don't worry about that so the give a result will be coming very soon and this radio is kind of a successor to the Game of Thrones app I guess I mean that's not exactly a successor but you know the things which we did in that video will try to improve those things as well we'll try to cover new widgets as well and sorry for the background noise if you hear some because this is the value time and there are a lot of noise around here so um the main thing is that I want to deliver video before going to USA so that's why I am doing it and I hardly get time these days so that's there's another thing so what we are going to make is a another quiz application and in this application there are few things which I will cover so it's again a beginner video but there are a lot of things which will be covered and don't worry if you are looking for at once content because I am making some advanced content as well and those content will be available just after I'll come back to India from USA so I'm thinking in that way but it things will take some time okay so let me just show you the application which I am making so this is quiz application where you can see it is fetching some data and now we have some list of questions okay so the idea of socialism was are articulated and advanced by whom okay and there is there are some texts that this question is based from history or something and a level of this question is easy as you can see these tax and also on the left hand side this is little right this is written as capital M which means that this is a multiple-choice question if see there is also B which means this is a boolean question so pointers were not used in the original C programming language they were added later on in C++ is it true or is it false so when you will click on this expanded menu will get two options and this question will be highlighted and now you have two options true or false so if I'll click through here or false so let's click false because pulse is the right answer so you will see this green arm the label turns green and now if you click some some wrong answer like true then the label actually turns red so this is how you are gonna check your answer so if you can just which essential condiment is also known as Japanese horseradish I don't know about the answer so if you'll click something like this keresh it is the wrong answer ponzu meant you although all are the wrong and said that means the right answer is wasabi so this is how and this is regarding general knowledge and the medium is the level of the question so this is how we will make this and once again if you click it then the answers have gone so there can be a lot of fine improvements after this video as well but this is the general idea and let me just show you suppose we don't have internet connection and now if I will open this app let me just kill it one second guys so let's say this is our app let's kill this and now let's open this so you'll see that we will get some error here they try again this was socket exception or something like that so that you can understand it there's some problem if I'll press it again then you can see things are not changing exactly now if I'll just turn on my Wi-Fi and we'll try to do it again so this day there is some a quick demonstration about how app works so that's why it is taking some time so please be with me now I will press try again and you can see it is facing some data and now we have the data who is Batman okay it is the question from entertainment Comics and it is easy and now Tony Stark Clark and Barry and Bruce Wayne we all know this is Bruce Wayne so I'll just click Bruce Wayne and it is a right answer if I click Barry Allen it is wrong Clark Kent one is talk all are wrong similarly if I'll press something here this is right unfortunately but I don't know I didn't even create the question so this is how there are like 20 questions in one go and one more thing which I felt I should cover if you will just swipe from the top then it also has a refresh indicator which will refresh the questions so let's see your questions has been refreshed now which of these stars is the largest science and nature is the category of the questions and the level is medium so from these I don't know other answers so let's just let's say this now this is wrong this is the right answer so this is the app what we are going to build so let's build it so I'll be using Visual Studio code whatever you say I mean Visual Studio code is always good so um we'll press here flutter new project and I'm gonna name it quiz app again and then I can just select mobile from here and then I guess select a folder to create the project in and this is how we will build this project for the first time it will take some time please be with me by that time and now we are almost done okay so and also I will tell you what kind of API I would be using so I just tell you that also so there's an API which I am going to use so I'll just open my Google Chrome also want to tell you that we also have a Facebook group which you would like join because there you can ask your questions it is not very easy for me to answer your questions on YouTube so these this is where there are a lot of question as you can see from different people so you can ask those questions now I'll just open the API which I would be using for fetching the questions um second okay open DB is the open DB calm it should be slash API dot PHP and now we can also specify the amount I guess which is let's say twenty questions we want and if I'll just run it oh this is a problem there is a problem okay so it should be open to BB right and now let's see if we got the questions yes we got the questions so this is the questions and some answers and difficulty and all those things we are getting from this API so I'll be directly using this so we have now the app also running here so just to open let me open this simulator here and let me just increase the size a little bit now what I am going to do I am NOT going to explain what it is all about Don these folders and everything so you just have to bear with me for that so I'll just lead all of the code then we'll start from the scratch so first of all I will import the material library which you already know and then we have this void main' okay where I will just use this run app method where I will specify my app and currently I am using on the zero point ten point two version of flutter which just released yesterday and it is the beta version so now I'll just make another class st lel stateless class my app okay cool and here we will do nothing fancy just the same thing material app and inside it we can give some colors or a home page so for home we can directly say home page okay we will make this page and we will say that we don't want the banner so we'll make it false now inside the theme I'm going to do something with this theme I'm going to give it a primary color which will be colors dot white because as if you have seen the theme should be little bit the whitish may be okay now this homepage we have to make okay and I'm going to make this homepage a stateful widget because not because I am going to fetch some data in the Unity State which I did in Game of Thrones application but here in this tutorial we'll use future builder but to support the Refresh of indicator or you can say swipe to refresh or pull to refresh we will use stateful with that we can improve it for sure we can also do it with the stateless widget but for the level of complexity we want it to be easy so that's why I am using stateful widget by default and I will just say to homepage okay so this is very cool this is very clear so far right and now we will rather than this container we will use something called a scaffold okay which provides and structure and inside that we will use the app bar property in the app bar section we have a title where in the text we can just say this is a quiz app this is fine now regarding the elevation we don't want to give any elevations so that's it and in the body section just use a container so now I will run this application and we'll see what output we are getting with this application so far so the idea is that you know I will be showing you the use of future builder how to properly use it and because it's a kind of a good widget which flutter gives you future will - ring builder in fact all the Builder widgets are kind of very important or very useful in any of the project any proto project so as you can see in on this screen now we have this squeeze app which looks very good it has this white action bar but T the body is a little bit a grey if you can see in the video but in the emulator you will definitely see it or in the whatever you are going to use okay so now we want some data so we have to do something for that data so we'll go back to our chrome and this is the data which we are getting so we'll just see the raw data from here and now I will open this another tool jason-2 dot which is made by someone it is very good you can use Jason's realization scripts which actually generate that particular model class for you that's your choice but for the simplicity of this project I will going to I will be going to use Jason to Dart and it actually works pretty well for me and for others as well it will work so this is a good tool and here I will paste that Jason which we are getting from the API and we are not using private fields but you can use that and we will just say generate dot and it will generate on this particular code for me which is kind of good it will work for me I guess and yeah I guess I guess it is enough for me okay so what I'm going to do I am just going to copy this all code and and I can go back to this API so that I can see what we have so now I'll go back to visual studio code and here we will make a new file in the leaf folder which we will call twist dot start okay and inside that I will paste this code now this code as you can see we have the results field and the response code which is by default is zero which we are getting on the success and the results are a set of some fields which is a list basically with the class results and now this auto generator does not feel good to me specially so I'm gonna rename it so let's rename it with something actually I just want to change the color here it's not looking good yeah this one okay so let's change the auto generated to let's say quiz okay and this is now looking good and this is the code I don't find very useful to actually tell you all these things so um basically the idea is that you have this class quiz where you have some fields and then you have a constructor named constructor then you are using this from Jason queues dot from this and constructor where you are actually mapping all those things and then we have to Jason so this is for serialization and deserialization and this is what we have just copying it pasting it here so we are doing nothing else apart from that now we have results class where we have category type of the question difficulty of the question what is the question the correct answer and all the incorrect answers so if you see this question for the first one or maybe let's take some other question yeah in computing terms this is the question typically what does see a life stand for okay now you can see type is multiple and difficulty is medium and category science computers correct answer is command-line interface and incorrect answers are common language input control line interface and common language interface so what we want we just don't want the incorrect answers we want all the options including this correct answer as well okay and then we want to shuffle that so that time you know any out of this for any can be right answer so how we will do that so right now if you see our on this model class then we have a correct answer and we have some incorrect answers so what we are going to do will change this incorrect answer to all answers okay so rather than fetching the incorrect answers which we are fetching we will this is this is supposed to be the same what we are going to do here when we are fetching this incorrect answers we actually in the all and so we will add this correct answer okay so the iron Vantage would be that rather than getting the incorrect answers we will add the correct answer as well but the thing is that if we will leave it like this then every answer will be the correct one because in this incorrect answer we are getting three answers every time and this fourth answer which is the correct answer we are adding at dill and so every time we will fetch this data the fourth answer will be the correct one we don't want to do that because we actually want to implement a quiz game where any of the four answers can be correct so what you have to do you have to just use all answers dot Scheffel so what it will do it will shuffle those answers okay and this will give you the best result which we want right and apart from that everything is almost the same now let's go back here and we have the quiz app ready okay and now what I want to do is we will make a method here on the top and the state class that future white okay know why it should be there and we will name it fetch questions okay so that we have a future from where we will fetch the questions it will be a synchronous method and here we will retrieve the response so before that we need an HTTP library for that so we will say HTTP HTTP tar as HTTP and now using this HTTP we will fetch the response okay I'm not going to tell you about a sink oh wait this time for that you can watch my video and this is going to be a get request so I have to specify the URL here so um we don't have the URL right now right so what we have to do we can what we can do so we'll just copy and paste from the URL or maybe if you want you can just make a string over here and you can do that okay now we have this we have the response now what we want we actually want to decode it so we can say decoded response how we will get it get that so if you don't know what I am doing then you should watch my what what what we call it Game of Thrones video okay now here I have actually explained everything so um this is something something a little bit step further from this Game of Thrones video so that's what we want okay now we have to decode it so for that we need to import dart convert now can and it will give me this JSON decode method here and I can provide the source which can be arrest dot body okay and and what I'm going to do now whatever data I will get okay I'll print that data first of all okay okay that's fine and now um I also want to make a variable of that quiz class which we just made I need to import it and I'll just call it maybe quiz okay now this quiz has some results right so we can just use result results okay this is fine and now this looks good I guess and in this section we can after printing it we can just say quiz is equal to quiz dot from JSON and we can provide the JSON which is our decoded response and this is the map values key and value pairs right and now we have this now in the results section we can just say twice dot results and this is how we will fetch the results here so this is fine now if I'll just see this this is still blank because we don't have anything in the body yet so now what we are going to do in the body section we are going to use a future builder okay so what it will do this future builder is actually it accepts few things it expects a builder where you will specify what kind of widget you want to use then you will specify a future from where the future data is coming by for that we already made a method right initial data if you want to give something so first of all we will specify the future which is the fetch questions right this is our future so this is future because this method is supposed to return this future which can it can be wide avoid or whatever you want to use but this is what we have right and now after that what we want now there can be many cases right so for the Builder part it accepts two parameters one is the context so I'll just say let me just write it build context context and then it also takes us a sync snapshot okay so let me just see if we got something like that okay it looks good and in this part what we want to show so now this future builder gives us the information of the connection state okay so you can just use a switch case here and you can say our in a second switch okay and now using this snapshot dot connection state so what you can do you can actually fetch the information about the connection state so what are the those situations so let's say first case would be if the connection state is none that means nothing actually happened till now so what you can say you can say return a text as a widget saying that the press button to start although we don't have the button yet but the idea is that you can use it right so that is the idea another case can be if the connection state is active if it is active then you don't have to do anything right another case can be if the connection state is waiting if it is active you will move further and you will check whether it is waiting or it is are done or not okay so if it is waiting what we want we want to return let's say something like this return in this center a circular progress indicator which you already seen in the demo right if you didn't then just go back okay and this will actually do a lot of work for us right so this looks good to me especially okay this is fine now after this we will have another case which is connection state dot done which means whatever you were performing that is done now there can be two more cases like if it is done then either you got the error or you got the data so we have to check for that so what we can do we can say if snapshot dot has error okay so you have two properties like hash data has error whatever you want to use so I am using has error then what you can do return some error widget so let's say it is a container again we will replace this with some sensible widget okay and what else if that is not the case then you can say to want to return a question list okay we'll make this widget so this is fine right this is and if nothing is like this is happening then you can just return in the end okay so this is our this container list now let's say let's replace this question with some container with some text that data arrived okay and now let's do a hot restart and in the terminal we will see debug console that we got some data or not let's just refresh it and just perform a hot restart and you will just was the debug console as well there is a circle indicator and we got this data arrived okay and here we have this flatter response with response code results and everything so everything is working good so far right so this is this current scenario and again sorry for the background noise if you are getting something because I cannot control that right now so data is arrived and let's say if we want to check this error case we will do it later because that is still a waste of time right so we'll do that later now just rather than using this data right we want to use something sensible so we will use a questions list so let me just name it something like a question list and then we will make this widget as well okay so after this build method or maybe what I can do this is the middle but yes so after this varied let me just make another list view which will be questions list okay question list that looks good and here I will return a list view dot bidder okay so if you don't know about list view dot builder then again this is the same thing it will take an item count first of all how many items gonna be there so we will use this results now and we will ask for its length okay and then it also takes an item builder which takes up context and an index okay and we are going to use it and we will display a card here and in the card let's make something like in oh no card it has a color property let's make it white then it has some elevation let's make it zero point oh and then it takes a child now we will use an expansion type okay so because what we want we want to expand our widget so that we can show some answers right so let's just refresh this and let's see what's what we get all we have heading some error because of this expansion tile I believe so now what you want to show okay so we have this title property let's see what it is what is required so title is required for sure so in the title what we can say we can use a column why a column because what we want to show we want to show the the data like the question as well as some chips right if you remember so if you see we have these expansion tiles now and we don't have any data we have just this tiles which works perfectly now in the column section it takes on children's correct and in the main axis alignment let's make it spaced evenly and in this cross axis alignment let's make it start okay in the children's section first of all we want to show a question so we can just use a text widget in the data part we will use this results results will provide the index and we can just ask for question okay and now if I will just refresh it we got the questions right it looking good but not that good which we made actually in the demo and now we can give it some styling as well so let's give it some style let's give it a text style we can just talk give it a font size maybe that's make it 18 point O which is good I guess and now give it up wait so font weight dot bold okay now let's refresh it and let's see what we got oh this is what we got right this is looking much better now now I'm in the after text we what we want to use we want to use a row maybe okay so that in the row we can actually use this is something is wrong oh there's problem okay now we are using row so that we can use our tips for showing the category of this question and also the complexity of this question right so in the low part what I am gonna use I'm gonna give it a main axis alignment dot maybe space between this time and then in the children's section we will use a freighter ship okay you can use one half what I worship you want but I am using a freighter chip and let's give it a background color let's give it a crack along with the hundred and then it also takes a label which is the must fail and in the text Oshin it we can provide results okay then the index okay and then the category how this is looking good and now in the on selected it accepts a boolean but we don't want to select this strip because there's nothing no use of that so you can either use normal raw chip this is totally your choice now you can see we have this chip which is saying entertainment comma music okay for the first question then it is for second it is geography and then entertainment music film general knowledge and all these things now we want to use another chip okay so what I will do first off and let's just copy this and paste it okay so that we can have another chip rather than category this time we will show the difficulty so I have just say difficulty and now it looks good oh there is this gap or like a good gap you know I don't want to do this let me just wrap this row because there can be have a lot of things so just wrapping this row with the fitted box so that it can fit inside and now I should get yeah this is looking good now what I want I want to give some gap between them so I'll use the sized box again and these are some of the widgets which I wanted to cover I will just give it a width of 10 and you can see now we will have the gap yes this is looking good and every time it is doing a refresh it is actually refreshing the questions if you can see okay everything is looking much better now now in this expansion tile we have this title okay now after the title we can use this leading for showing this circle avatar okay and we will give it a background color of this gray color again okay with the hundred value and in the child we I want to show if the text or if the type is multiple then we will show so if I just show you the raw data here you can see difficulties medium our type is multiple either it is multiple or it is let me see if we have another type of question oh it is not there so let me just refresh it again as you can see we have boolean right this is type is boolean so two type of questions we have so I'll just check if results and we will specify the index dot type okay so if it starts with M okay so this is what I am checking that if it is start with M that means it is a multiple right so we will assign capital M otherwise we will assign capital B right this is the funda and let me just pull back T oh and you can see first questions here is getting B that means it is a boolean question now if I just do if I'm just expanding it nothing actually comes because we don't have anything right now but this is the situation and yeah this is looking fine now we also get here another property which is children these children is for this expansion tile right where we will display our answers right so we don't have to do a lot of things here but what we will do we will make another widget okay which will actually display the answers for us okay so because every time we will click on that answer it should change its color or something like that so if you remember from the demo so so what I am going to use here I am going to make another stateful widget which is going to be unserved is it okay when you have our different states to actually take care of then make a separate widget row like I am making which is answer which I pick because here I want to click on one of the answer and then they will change its color initially there will be a black color but if it is right it will change to green and it otherwise it will change to red so it will change its state so rather than using this state of the pennant what you should do you should make it a separate stateful widget so that it can actually take care of its own state it's not the best practice again because there are a lot of things you can do but afford the initial part for just for the understanding and as a big knob this is a good way and I'll also show you in the future videos that how you can actually improve it right now we will pass the list of four results here which we which are the Unser's interest so I'll take these salts okay we can and we will pass them all and then we also want to be index of that particular question so I just say index okay why I'm making it final because you know it is not supposed to change and now I am also taking the answer so let's say it's M string em anything whatever you want now we will make a constructor out of it so we can say answer widget okay we can just use I guess this dot results comma this dot index comma T star M and that's it so we have this answer widget ready so not what we want in the build of this we want to use now a list style for the answers okay because again it's totally your choice if you want to use something else you can directly use a text here because I want to perform on tap on it so it's good like if I can use a text here and on the top of it an inkwell or probably a gesture detector it's totally your choice whatever you want to use a lot of options you have so it takes an on tap which is going to be blank as of now but after that we have this title property which we can use here I can specify the text which I want to show so I can just say widget dot M where the text would be there okay and now I'll also specify the alignment so text the line I can say in the center and then we have some style I guess so text style I can just say a color okay let's give it something like black and then it also takes a font weight so I just see what result we will be getting from here okay so this is what we have we have this answer widget which is still not working because we haven't used it yet so in the if I will just click on this expansional trial nothing actually comes but this answer widget is again a stateful widget which takes list of results okay why because I don't know I haven't used it yet but I'll just show you why okay and to check whether the answer is correct or not of this question and then it has a list style on top on tap property and we are also passing the answer which it wants to display so here let's go back to this children functionality of this expansion tile what we will do here we will pass let's do one thing we will use the mapping here so we'll say results okay index and dot will get all answers which we actually made if you remember it was incorrect answers but we added the correct answer to the list and we converted it to all answers okay and now we will say to map it okay now it will give me the answers every time which will be M that's why I was fast passing that M and here what I can say I can say let's do like this let's say return unser widget okay answer widget which takes a result okay so we'll pass the result then index and then M that's fine and then let's just use this and then we can just say dot to list so what we are doing here we are passing the results dot Unser's all answers and we are mapping it every answer with this answer which it so now if I just click on it and you see we have the runners right and in the center as well so that's why we use this text-align:center and the bold and all the properties we have history medium and everything so all of them starts with M that means these are multiple choice question do we have any B we don't okay we'll get some B again so that's not a problem and now if I will click on any of these nothing actually happens because we are not doing anything on the tap okay so now why I am also passing these results okay this is the actually the questions okay this results actually carry all the questions to what I need that and this index as well so I mean it's it's actually totally valid why I want that if I mean I don't exactly want this results of the full results but we want something like this these results index right so I'm passing everything but you don't have to so what we are going to do we will actually check okay so what we will check we will check if this widget dot M which is the correct answer which is the answer if it is if let me just check with widget dot results okay we will pass here the widget dot index okay and I'll actually use the correct answer here so if this answer is equal to the correct answer then what I want to do I want to change the color okay now I need some variable for this color right so rather than this color start black I will replace it with C and the hair we can just have a color that's a C and we will paste it right so this is initially black now if my answer this answer is equal to the correct answer then we want to say C is equal to color start green because it is correct right that's how it was right and if it is not clean that means it should I read because it is incorrect right so if it is not equal then green because when we tap on it right so if we are tapping we will checking whether this answer is equal to the correct answer then green other way straight okay now nothing will work if I will tap on it let's say I am tapping on it nothing X actually working because we are not setting this state we are not rebuilding this widget so what we have to do we have to actually use this inside a set State so let's just copy this from here and paste it inside set state and now this will be rebuilding again so what is the punishment for playing poster 2 in New Zealand let's click on it fine or $5,000 10 years in prison so let's the second is the right answer or not let's say let's click on it it's the right answer so this is turned into green let's say if I click on fine of 5000 and it is red third should be red fourth should be red so this is how you will change the color by using set state we make we also use this variable which is color C Hunsford color start black and then we change this color according to the type of answer right this is why I used this kind of and and the second question if you can see there is some HTML this quotation and everything with the question so that's not our target that's why I'm not covering it so the common software programming acronym and i18n comes from the term inter localization it is true or false so we know it's true or its false so it's false so that means it is ok so it is inter localization and the answer is false so this is how you can actually do that right in the super mario bros series what is your she scientific name I don't know what is it is but let's try something and everything is wrong oh my god I have a very bad video games knowledge what about okay when did the battle of the somme begin history related to history it is easy oh I don't know man so it is not supposed to easy but let's say oh it's it's right sly first and you can see the answers are random right if I just press was it is just a lot not every second answer is correct so let's second option is correct let's click on this it is wrong this time the first one is correct in the the creator of the Tahu let's say first not second is the correct so every time you you are saying that we have a different answer correct answer right so this is how you can actually make this squeeze application with these kind of widgets I hope I was very clear about them even if I was not clear and if you missed something then um you can maybe go back to Game of Thrones and start from there now if you want more question then you can make this amount to 30 maybe or whatever now we have to implement one more thing what we want we want to pull to refresh okay if I am pulling on it right now you can see nothing is happening so we want to refresh the question once user actually pull it right so what we are going to do okay we have two more tasks not just one so here in the future builder we will wrap it with a new widget and we will call it refresh in Decatur and now it takes on refresh of future so we will just provide it the same future which is so so basically what we will do which question should be there yes fetch question and that's it now if I will just refresh it what second first question just see that how many times did Wow it is changing every time right - refresh it again okay it's working it's working pretty good correct so this is how you will use this this is refresh indicator done now let's say if I am going to restart it let's let me just disable my Wi-Fi off and now let's do a hot restart and everything will break so suddenly we don't have anything because in the arid State we are just passing a container which is a blind container that's what we are seeing right we want something better than this so what we will use so in that case um let me just use something maybe so here I will make another method here okay and let's make it something like let's return a pairing error data okay and we'll pass the a sync snapshot here as well okay or maybe not yes this is fine and here we will return a padding why I want a pairing I'll just tell you and in the padding part we want to display something good so I'll just keep it up adding first of all so um 12 I guess would be a good pairing then let me just close it and in the child part I can use a column okay and we can say the main axis alignment to be center because in the center I want to show the error okay so now in the children part I can use a text widget directly and I can specify the error so I can just say error okay a colon and I can use string interpolation here and I can just say snapshot dot error okay it should give me the error now after that I'll use the size box to give some height let's say 20 and B after that I'll also give it a raised button okay raised button Y so that on press of it I can perform another operation to check right if we got the internet connection back or not and in the child we can specify a text saying try again okay one second this looking good now rather than this container I'll pass the error data and we are also passing the snapshot oh and you can see this is the exception we are getting socket exception where it host lookup open t DB this is this and try again if I click on it nothing actually happen become because we are not doing anything so on pressed what we want to do we want to fetch questions again so this is right and now I'll just hot reload if I press it again nothing actually happening because my Wi-Fi is still off let me just on it and let's see what happens let me just also clean this terminal debug console basically now let's my Wi-Fi is back now click on this try again and you can see we got these questions answers but the UI didn't refresh so what we have to do after this fetch question we have to call this set state that is why I made this visit as the our stateful which at this home page otherwise there is no reason and we can also improve it in the future this is this is not supposed to be a stateful widget because of this only we can change it right this is just for a demonstration so now as soon as I actually lets me just turn off turn off the Wi-Fi again and now if I will do a hot restart you will see this button now if I'll click on it nothing actually happening it is just refreshing but it is not coming now click let me just own on the Wi-Fi again and it is taking some time just wait for a few seconds now Wi-Fi is on now let's click on this try again and now you can see the indicator again and it is working pretty well right so howhow is it are you enjoying or something yeah it's good so in this part I guess this expansion tile this column can have some padding as well because it's just not good ok now let's see if we can get some big cards yeah this is looking much better now so we have the sufficient padding let me just try this and it is working as well again in this year this is this this we have some question Falls true and it is B so it is am second one it is related to history and we have a right answer then so third one okay we have and fourth one is the correct one why the fourth one always the correct one or third one now finally so that means we are getting some random answers how fourth one is most of the time it is the correct one but an eggplant is vegetable false okay so I am actually enjoying it you will also enjoy so that's how you can make a quiz application in that manner and it is kind of good source code is available on github so you can try that you can play with it and also if you enjoyed this video then to subscribe to the channel like this video and also try to UM implement such examples to understand more about Florida and also gonna bring advanced tutorial as well so don't worry about that maybe of course as well so a lot of things I have in my mind but because of the shortage of time I cannot do all the stuff and also about the giveaway it is I am going to announce it very soon so I still if you haven't participated in the giveaway you can still do that either on this video or on Game of Thrones video so I'll suggest to go on Game of Thrones video and in the comment just you have to write why you love flutter and and you have to be a subscriber of the channel as well so that's that's one thing and in fact in this video as well you should write while you love flirt or why you love I am together or whatever you want to say so will the definitely choose and not just one winner I am I'm actually thinking about choosing more winners and doing more giveaways of not just flutter t-shirt but to some cool tech related stuff so that's it about this video I hope you enjoy it and thank you so much happy Diwali to you and your family I am going to USA I will make some videos there and I'll post that as well thank you so much for joining guys have a good time and take care

Channel: Codepur

Views: 27,189

Keywords: flutter, flutter sdk, flutter tutorial, flutter tutorials, dart, google i/o 2018, flutter quiz app, flutter quiz, quiz app using flutter, flutter expansion tile, mtechviral, flutter api, flutter tutorial for beginners android studio, flutter widgets

Id: 02sRV-eGGo0

Length: 50min 56sec (3056 seconds)

Published: Wed Nov 07 2018