Print Individual Radio Button with airSlate SignNow

Print signatory radio button

hello in this video I will be showing you how to use radio widgets in flutter as usual I will be starting with an empty template and this is the demo of the app that we are going to build so let's jump into the code so I'm going to add a button bar with alignment Center and children I'm going to add a radio jet which will take a value I'm going to let's set it as 1 and second one is a group value so actually as you know that radio pad buttons normally comes to the group's so whenever the group value will becomes equal to the value of that radio button it will become selected all right so our idea is to make the group value dynamic so that it will select on click so there is another property called on change so when the value changes on the radio button that will return a value so that's a value that we sit in the value property of the radio button so here it will return 1 as we see the value is 1 let's run the app so it is selected let's make it 2-0 and we run the app now it becomes be selected all right so that's a basic logic you have to implement now ok I'm going to change it back to 1 and the copy whole thing and press it again so we'll get two radio buttons I'm going to set the second one as value 2 and group value 2 so both will become selected alright ok so both are selected now now change back to 0 and I'm going to declare a new variable I'm going to say selected radio and I'm going to override the init State method called super init street and set the selector radio to 0 okay group value becomes selected radio now we will write a function to set the selected radio variable so I'm going to call selected radio set select radio and pass the integer value and select already to Val remember al value can take any any object the value property all right so I'm just setting it for simplicity to an integer let's run the app so you see that now it is selected I'm going to change the selected color active color the second one becomes blow now now I'm going to completely added wider okay now I'm going to add another widget called list I'll this is almost common to almost a blow to the radio widget but it gives some additional parameters like the title and subtitle so it's the same logic when the value and group really becomes 1 this will become selected those this this has also the same property on taste without which will return the value if it is an object it'll return the object I'm going to set the active color to color store red and you can optionally set a secondary object here I'm going to set it to outline button with a child say text say I and on prasada button I'm going to say uh say hello okay so it is selected because our value and value are the same let's change to zero and run I run that okay now it is not selected so when you click you can see on the console it is returning the value one since the value is 1 now I'm going to set a new property called selector to true and run the app see what happens so now you see that the selected radio button label has since tracked you color that's the red alright so we can make it dynamic based on our logic and so now I'm going to declare a new variable I'm going to call it selected radio tile and on in its state I am going to set it to 0 and let's apply let's copy that selected radio and make it select a radio dial and make it the value okay and call that method in no one since without as we did in the radio edit all right so I'm duplicating it and I'm going to give second value as 2 so 1 & 2 and there you see that both are selected now because we have set to select it so instead it has 4 second one so second one becomes default so how are working now I'm going to quickly add a divider now I'm going to create a new class user so we are going to list a list of users in radio groups so I'm going to quickly quickly write a get a list of users so it has user ID first name and last name let's import this in the main file and declare a list of users and get the list of users in the init state so that will we get users and now I'm going to write a method that will return the list of radio widgets with the users so let's declare a variable who jets that's going to return a list of widgets and loop through the user array and call we just would add and inside that I'm going to create the radial style dynamically so it's going to be the same thing but with dynamic parameters so the value will be user and group value I'm going to set it as user for now so that it will become selected all right and title title will be the first name and subtitle will be the last name and Han changed it's going to return the current user all right so that will be the user here and print I'm going to crank the users first name all right okay now I'm going to set the selector to true so that the label and radio button will become selected and let's return those it's copy the function okay let's give some title for now I'm going to write a container with some padding 20 and a text of users and declare a column and let's apply our function there it's going to return already clutter L so digits so you see that all are selected now because we set it to true so when you click on each you can see in the console that it's printing the first name okay so that is working let's make it dynamic so I'm going to declare a new variable user that's called selected user and let's set the selected user and that will take the user variable and select a user equal user and set state don't forget to call it in the set state otherwise it otherwise it will not render the UI all right select a user give the group fail yourself a user and if the certain users are equal to user it will become selected and do the same thing here as well change the log alright so that is working perfect you can see it in the unsold so all our widgets are okay now cool I'm setting the active color to green so the label has no change to green okay so that's all about radio jets in clutter hope you enjoy the video if you like to do please don't forget to subscribe and hit up a liking for notifications share the video with your fellow developers and thanks for watching why