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

Creating a Name Generator

ByWalter Wimberly September 15, 2021September 15, 2021

In this example we’re going to look at loading external libraries, adding additional widgets and more, all to create a name generator. Our first step is to create a new Flutter App in VSC. We’ve done this before several times. This will setup all of the libraries and connections we need initially, however we do…

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

Playing Video in Flutter

ByWalter Wimberly October 27, 2021October 27, 2021

Video requires use of a plugin, luckily there are several, which should make it easier. You will need to check to see if it works for your platform, most work for iOS and/or Android, but not all work for web, and most don’t work for desktop apps. Some video players will play YouTube only, while…

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….

Flutter

The Children of Flutter Widgets

ByWalter Wimberly October 3, 2021October 3, 2021

As we’ve discussed, all elements on the screen in Flutter are a Widget. One interesting thing to note however, is there are two main categories of widgets, and that doesn’t mean stateless and stateful, rather those which only have a single child, and those which allow for children. Single Child Widgets These widgets will have…

Flutter

Layout Examples in Flutter

ByWalter Wimberly September 6, 2021September 7, 2021

Today we’re going to work with some of the layout code to see how we can modify/create our own layouts. If you’ve not gone through Learning about Flutter Layouts, you may want to do that first. We’ll start by creating the basic application. We’ll then modify the title so we know what app we’re building….

Similar Posts