Other Form Fields in Flutter

We’ve looked at the TextFormField in Flutter, almost exclusively at this point. However there are other form fields.

These are often styled to work appropriately on a mobile device, so while they might seem like a web form field, it may look different.

Toggle Buttons – Collections of buttons which can be toggled either to be selected or not. Similar to a checkbox in a form field in HTML, however it is more visual with icons being used. You can also code it so only one item in the group can be selected, similar to a set of radio buttons.

Checkbox – Of course there is an actual checkbox you can use as well.

DropDown List – Click on the item, and a list appears for you to choose from. Similar to the select tag in HTML.

Of course there are others you can find, such as color and date pickers and more, but these are some of the most common you’ll run into.

Other Form Fields in Flutter was originally found on Access 2 Learn

Walter Wimberly

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Flutter

Setting Score if a Single Dice is Pressed

ByWalter Wimberly October 19, 2021October 19, 2021

We’ve seen how to get roll the dice from the main widget with a button by using the GlobalKey in our previous notes. But what if we want to update the score if a single dice is clicked…I mean rolled? Well that requires talking to the parent widget to let us know that it has…

Flutter

Working with Named Routes in Flutter

ByWalter Wimberly September 20, 2021September 20, 2021

Now that we’ve seen the basics of Flutter navigation, we want to add to our capabilities. We are going to keep going off of our last example with the two screens to navigate between. However, we will be changing some things. Updating our main In our main file, we currently create our app, and set…

Flutter

Learning about Flutter Layouts

ByWalter Wimberly September 6, 2021September 7, 2021

Building the Layout When building the layout, an important step is to know what they layout should look like first. You can sketch the layout on paper, or use a tool which helps build layouts. When looking at your sketch, you will want to identify all of the rows. There may be columns within the…

Flutter

Dart Conditional Statements

ByWalter Wimberly September 8, 2021September 8, 2021

Dart conditionals are identical to what you would find in C/C++ or Java, including the basic style of writing them. Not only do you have your standard sex conditional operators, ==, !=, <. <=, >, >=, but the way you format the code is the same. If Statement You if statement is the if command,…

Flutter

Storing Simple Data with Flutter

ByWalter Wimberly October 7, 2021October 7, 2021

Storing persistent data is always something that a lot of developers have to think about. We want to keep track of where we’ve been, what we’ve seen, etc. Persistent means that the data will be remembered even if we close the application, so when we return to it, the data is still there. There are…

Flutter

Handling Changes and Values of a Text Field in Flutter

ByWalter Wimberly September 23, 2021September 23, 2021

Being able to work with a form field, to get values, know when it has been updated, etc, are important aspects for any form work. In this example we’re going to look at detecting when a TextFormField changes and getting those values. We are going to use the previous example of Form Fields in Flutter….

Similar Posts