Building off of the concepts of animation within Flutter, now we want to look at how we’ll create animations within Flutter. Creating a New Basic App Let’s look at a simple example. To do so, we’re going to create a new Flutter app. Next, we are going to replace the code generated with the following…
In this section we’re going to look at how to perform some basic animations in Flutter to help enhance our UI (User Interface). The Flutter SDK provides you with some built-in animations which you can use to perform actions such as fading, sliding, and resizing. The animation system in Flutter is based on typed Animation objects. Widgets…
In this tutorial, we’ll be learning how to add interactivity to an object when I user clicks/taps on it. This is assuming you have completed the previous tutorial on Working with Layouts in Flutter. When we get done, we’ll have learned about responding to taps, creating a custom widget, and the differences between a stateful…
Loops in Dart a similar to loops in the C style languages. You have conditional loops (the while and do while) and counting loop (for). Additionally you have a for…in loop (like a for each). The For Loop This is identical to your for loop in C/C++/Java. This loop is good for going through a…
In addition to the standard conditional operators, Dart has a couple which, while standard are not used as often as used forms of conditions, such as the switch and the Ternary operator which we’ll see in a minute. The Switch The switch is a tool which when it can be applied allows for efficient checking of…
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,…
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…
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….
