Creating a Test Application

Once you have installed Flutter, you will want to create a test application to verify. Sure, your probably ran Doctor, but an extra layer of testing won’t hurt.

In VSC, on the PC press CTRL-SHIFT-P (On Mac CMD-SHIFT-P) to open the command. Start typing flutter, and click on Flutter: New Application Project.

This will create a whole application for you. It takes a few minutes for it to copy all of the necessary files. Once it is done, you can click on F5 to test the application. It should create an app that will have a button to press that will increment a counter.

While it is a very simple app, you can look through the source code and notice several things:

Dart is very similar to other languages like C++, Java, and even JavaScript
It is event driven, and uses simple event handlers
What you can run your app in, will depend upon what is set up for emulators – so you may need an external emulator for Android and/or iOS.

In the next section we will go through the code that was auto generated to see what each section does.

Creating a Test Application 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

Animation Concepts in Flutter

ByWalter Wimberly September 14, 2021September 14, 2021

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…

Flutter

Writing to a File with Flutter

ByWalter Wimberly October 13, 2021October 13, 2021

To write to a file in Flutter, you will be combining some Dart libraries with the Flutter SDK. You need the Flutter component to let you know where to write your file, while you need the Dart Libraries to actually perform the IO operations. In Flutter, the path_provider provides a platform agnostic way to access…

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

Flutter

Working with Named Routes in Flutter

ByWalter Wimberly September 20, 2021September 20, 2021

Now that we’ve seen the basics of Flutter navigation, we want to add to our capabilities. We are going to keep going off of our last example with the two screens to navigate between. However, we will be changing some things. Updating our main In our main file, we currently create our app, and set…

Flutter

Animations Examples in Flutter

ByWalter Wimberly September 14, 2021September 14, 2021

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…

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…

One Comment

Pingback: Diving into the Sample Flutter App’s Source Code | Access 2 Learn

Comments are closed.

Similar Posts

One Comment