Level up your Flutter apps with autofill

TruongSinh Tran-Nguyen
Flutter Community
Published in
6 min readAug 8, 2020

--

It’s official, Flutter 1.20 is here. Among all the goodies and improvements, mobile autofill gets highlighted in the tagline, and even has a gif demonstrating how slick the UX is. Unfortunately, there are not yet many examples, tutorials, or gotchas available, hence the born of this article.

What/Why autofill?

Autofill in action, credit Flutter team

From Android Developer Guide:

Filling out forms is a time-consuming and error-prone task. Users can easily get frustrated with apps that require such actions. The autofill framework improves the user experience by providing the following benefits:

Less time spent in filling fields. Autofill saves users from re-typing information.

Minimize user input errors. Typing is prone to errors, especially on mobile devices. Minimizing the need to type information also minimizes typos.

Get started with a form with NO autofill

We will start with a simple form with addresses, a phone number, and a field that should not be autofilled later.

--

--

TruongSinh Tran-Nguyen
Flutter Community

Google Developer Expert (GDE), Engineering Director@ Inspectorio, Nordic Startup Award — People’s choice CTO 2016, Agile Evangelist — PSM