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

Sending Data to the Server in Flutter

ByWalter Wimberly September 28, 2021September 30, 2021

Sending data to a server is extremely important, as without it, you cannot search/lookup data, add new data, make changes, or even potentially remove data. We’ll build off the idea of our last two examples of getting data from an Internet server with Flutter. And if we send data to a server, we’re almost always…

Flutter

Building a Dice Game in Flutter: Building the Dice

ByWalter Wimberly October 18, 2021October 18, 2021

We’re going to build a Dice Game in Flutter, which will have two pairs of dice to allow you to randomly get some values. We’re going to do some different things this time, such as: Making a class widget which we can insert into our game, so we don’t have to duplicate ourselves, Use a…

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

Starting with Gestures in Flutter

ByWalter Wimberly November 1, 2021November 1, 2021

Working with gestures is fairly simple as Flutter was designed to work in the mobile environment. Let’s start by creating a basic Flutter app, the way we’ve done before. Then removing the comments and existing widgets so we’re left with a blank app. The Simplest Gesture – the Tap The onTap() is very similar to…

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

Making Something Swipeable

ByWalter Wimberly November 2, 2021November 2, 2021

We’re going to work to remove a list item by swiping left or right. This is a common design pattern you see in lots of apps. Let’s start by creating a basic Flutter app, the way we’ve done before. Then removing the comments and existing widgets so we’re left with a blank app. Building the…

Similar Posts