Using Flutter For Mobile App Development

Posted By : Lucky Mehndiratta | 08-Jan-2020

 

In native mobile development, we use two different languages Java or Kotlin for Android and Swift/objective-c for iOS.  To reduce development time and complexity of different languages Google Launched Flutter. Flutter enables app developers to develop single application for both Android & iOS platform. Flutter uses Dart language which makes app development task easy, efficient, powerful way to develop mobile applications.

 

Components of Fluter:

1 Flutter Engine

2 Dart 

3 Widget

4 Foundation Library

 

Features of Flutter:

1 Easy & Efficient

2 Fast Development

3 Work with Existing Android and iOS Project

4 Run-on Android & iOS Platforms

 

Installation of Flutter on Mac & Windows:

Requirements

1 Download latest Android Studio

2 Download latest Xcode 

3 Download latest Flutter SDK

4 RAM 12GB or Above

5 SSD 500 GB or Above

Steps to Install

1 Open Android Studio 

2 Doble click on upper left corner Android Studio

3 Click on Preferences

4 Select Plugins

5 Install Flutter & Dart Plugins

6 Now Select Language and Framework

7 Select Flutter-> Set the Flutter SDK Path(give the downloaded Flutter SDK Path)

8 Press Apply & OK

9 Now Select the Dart in the left side 

10 See Dart SDK Path if filled then fine otherwise set the Dart SDK Path from downloaded Flutter SDK, then press Apply & Ok

11 Now Select the File -> New -> New Flutter Project

 

Example:-

import 'package:flutter/material.dart';

 

void main() => runApp(MyApp());

 

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      title: 'Flutter',

      home: Scaffold(

        appBar: AppBar(

          title: Text('Welcome to Flutter'),

        ),

        body: Center(

          child: Text('Hi'),

        ),

      ),

    );

  }

}

 

Common Commands use in Flutter:

1 Fluter Doctor: Check whether Flutter SDK setup successfully or not 

2 Fluter Clean: Delete all the previous builds and reduce the size of the project

3 Flutter Upgrade: upgrade the local Flutter SDK to latest SDK present on the Flutter git repo

4 Open iOS module in Xcode: Open the Flutter project in Xcode to make the build for App Store

5 Flutter Package Get: Add the dependency in Flutter pubspec.YAML file

6 Flutter Package Upgrade: Update the dependency present in pubspec.YAML file

Note: All these commands find in Tools -> Flutter in Android Studio

 

Official Links:

1 Flutter Website: https://flutter.io

2 The Flutter repo on Github: https://github.com/flutter/flutter

3 Flutter Installation: https://flutter.dev/docs/get-started/install

4 Flutter Community: https://flutter.dev/community

5 Dart Language: https://dart.dev/guides/language/language-tour

6 Flutter Youtube: https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw

About Author

Author Image
Lucky Mehndiratta

He worked on swift language, UI Design, Api. He is quick in his work and performs at his best.

Request for Proposal

Name is required

Comment is required

Sending message..