Making use of Shared Preferences, Flex Widgets and Dismissibles with Dart's Flutter framework

What Will I Learn?

• You will learn how to make use of the Shared Preferences Plugin for Flutter
• You will learn how to use Flex widgets
• You will learn how to make a Dismissibles list
• You will learn how to use EditTextControllers

Requirements

• IDEA intellij or Visual Studio Code with the Dart/Flutter Plugins
• The Dart SDK and the Flutter SDK
• A fair understanding of Mobile development and Imperative or Object Oriented Programming

Difficulty

• Intermediate

Description

In this flutter video tutorial, we build a list application that makes use of one of a few local storage methods; shared preferences. Shared preferences makes use of the native android shared preferences API and the iOS NSUserDefaults API to create a persistent key value store. The data exists in a singleton object in our application and it runs asynchronously from the disk. We also look at how we can use the flex widget reactively layout our widgets and we build out a dismissible list.

The actual application itself has a text box which includes a two buttons below it. The first button allows the user to add the text from the text box into the list below the buttons. The second button allows the user to clear all of the data out of the list. The input box makes use of the edit text controller object which makes it very easy for us to capture the input data from our text box widget. Our list uses a set of dismissible tiles which allow the user to swipe left or right to remove a single item from the list.

The source code for this project can be found here

Video Tutorial

Curriculum

• Dart Flutter Cross Platform Chat Application Tutorial
• Building a Multi-Page Application with Dart's Flutter Mobile Framework
• Making Http requests and Using Json in Dart's Flutter Framework
• Building Dynamic Lists with Streams in Dart's Flutter Framework
• Using GridView, Tabs, and Steppers in Dart's Flutter Framework
• Using Global Keys to get State and Validate Input in Dart's Flutter Framework
• The Basics of Animation with Dart's Flutter Framework
• Advanced Physics Based Animations in Dart's Flutter Framework
• Building a Drag and Drop Application with Dart's Flutter Framework
• Building a Hero Animation and an Application Drawer in Dart's Flutter Framework
• Building a Temperature Conversion Application using Dart's Flutter Framework
• Using Inherited Widgets and Gesture Detectors in Dart's Flutter Framework
• Using Gradients, Fractional Offsets, Page Views and Other Widgets in Dart's Flutter Framework
• Building a Calculator Layout using Dart's Flutter Framework
• Finishing our Calculator Application with Dart's Flutter Framework

---

Posted on Utopian.io - Rewarding Open Source Contributors

---