Flutter : Introduction

-

 

Introduction to Flutter

Installation

In this section, let us see how to install Flutter SDK and its requirement in a windows system.

Step 1 − Go to URL, https://flutter.dev/docs/get-started/install/windows and download the latest Flutter SDK. As of April 2019, the version is 1.2.1 and the file is flutter_windows_v1.2.1-stable.zip.

Step 2 − Unzip the zip archive in a folder, say C:\flutter\

Step 3 − Update the system path to include flutter bin directory.

Step 4 − Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met.

flutter doctor

Step 5 − Running the above command will analyze the system and show its report as shown below −

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version
10.0.17134.706], locale en-US)
[√] Android tool chain - develop for Android devices (Android SDK version
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.

The report says that all development tools are available but the device is not connected. We can fix this by connecting an android device through USB or starting an android emulator.

Step 6 − Install the latest Android SDK, if reported by flutter doctor

Step 7 − Install the latest Android Studio, if reported by flutter doctor

Step 8 − Start an android emulator or connect a real android device to the system.

Step 9 − Install Flutter and Dart plugin for Android Studio. It provides startup template to create new Flutter application, an option to run and debug Flutter application in the Android studio itself, etc.,

  • Open Android Studio.

  • Click File → Settings → Plugins.

  • Select the Flutter plugin and click Install.

  • Click Yes when prompted to install the Dart plugin.

  • Restart Android studio.

 

First steps with Flutter: Exploring widgets

Comments

Post a Comment

Popular posts from this blog

Dart: Functions

-
Image
  Functions Functions let you package multiple related lines of code into a single body that you can summon to avoid repeating those lines of code throughout your Dart application: A function consists of a return type , a function name , a parameter list in parentheses, and then a function body enclosed in braces. The code you're turning into the function goes inside the braces. When you call the function, you pass in arguments that match the types of the parameters of the function. Write a new function in DartPad that will just check to see if a given string is banana. bool isBanana( String fruit) { return fruit == 'banana' ; } The function uses return to return a bool value determined by the argument passed to the function. This function will always return the same value for any given input. If a function does not need to return a value, you can set the return type to void , such as for the main function.   Optional Parameters If a parameter to a funct
Read more

Flutter: Exploring more widgets

-
Image
Checkbox A checkbox is a type of input component which holds the Boolean value. It is a GUI element that allows the user to choose multiple options from several selections . Here, a user can answer only in yes or no value. A marked/checked checkbox means yes, and an unmarked/unchecked checkbox means no value. Typically, we can see the checkboxes on the screen as a square box with white space or a tick mark. A label or caption corresponding to each checkbox described the meaning of the checkboxes. In this article, we are going to learn how to use checkboxes in Flutter. In Flutter , we can have two types of checkboxes: a compact version of the Checkbox named "checkbox" and the "CheckboxListTile" checkbox, which comes with header and subtitle. The detailed descriptions of these checkboxes are given below:       Flutter Radio Button A radio button is also known as the options button which holds the Boolean value . It allows the user to choose only one op
Read more