Posts

Write your First Flutter App

Image
      Create the starter Flutter app             Replace the contents of  lib/main.dart .            Delete all of the code from  lib/main.dart . Replace with the following code, which displays                    “Hello World” in the center of the screen.         Open the IDE and select  Start a new Flutter project . Select  Flutter Application  as the project type. Then click  Next . Verify the Flutter SDK path specifies the SDK’s location (select  Install SDK…  if the text field is blank). Enter a project name (for example,  myapp ). Then click  Next . Click  Finish . Wait for Android Studio to install the SDK and create the project.     2.  Run the app  in the way your IDE describes . You should see either Android, iOS, or web            output, depending on your device.            1. Locate the main Android Studio toolbar:              2. I n the  target selector , select an Android device for running the app. If none are listed            as available, select  Tools> Android &g

12 Reasons to choose Flutter as your Development Environment

1. Flutter overcomes the traditional limitations of cross-platform approaches. Creating a truly cross-platform approach has long been the bane of tech consultants tired of having to make multiple versions of identical product. However, in reality, the user experience typically lags behind that of native applications, because you often end up building the UI experience in JavaScript that has to be Just In Time compiled. 2. Developers increase productivity ten-fold. This increase in productivity comes from Flutter’s “hot reload” “Stateful Hot Reload” and “Hot Restart”. Together, these allow developers to see changes they make to the state of an app in less than one second; and changes to the app structure in less than ten. 3. Frontend & Backend with a single code Unlike in Android coding, where there are separate files for fronted (Views) which are referenced by backend (Java), flutter uses a single language (Dart) which does both the job and uses a reactive framework. 4. It’s a powe

Flutter setup for MacOS

Steps involved For Installation in Mac. Step1 −GotoURL,  https://flutter.dev/docs/get-started/install/macos  and download latest Flutter SDK. As of April 2019, the version is 1.2.1 and the file is flutter_macos_v1.2.1- stable.zip. Step 2  − Unzip the zip archive in a folder, say /path/to/flutter Step 3  − Update the system path to include flutter bin directory (in ~/.bashrc file). > export PATH = "$PATH:/path/to/flutter/bin" Step 4  − Enable the updated path in the current session using below command and then verify it as well. source ~/.bashrc source $HOME/.bash_profile echo $PATH Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met. It is similar to the Windows counterpart. Step 5  − Install latest XCode, if reported by flutter doctor Step 6  − Install latest Android SDK, if reported by flutter doctor Step 7  − Install latest Android Studio, if reported by flutter doctor Step 8  − Start an android emulator or connect a r

Flutter Setup for Windows

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. Step 5  − Running the above command will analyze the system. 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 start

About Flutter

Flutter is an open source framework to create high quality, high performance mobile applications across mobile operating systems - Android and iOS. It provides a simple, powerful, efficient and easy to understand SDK to write mobile application in Google’s own language,  Dart . This tutorial walks through the basics of Flutter framework, installation of Flutter SDK, setting up Android Studio to develop Flutter based application, architecture of Flutter framework and developing all type of mobile applications using Flutter framework.