Flutter Development (Day-01):

• All source code : Click Here.
• If you are following this tutorial / blog please leave your opinion 👀 / say Hii ✋/ Your e-mail in the comment section that I can improve myself and it will gives boost for me to do more tutorials.
• If you have any doubts feel free to ask me in the comment section or email me ramubugudi4@gmail.com I can definetly give reply.

• This is the Second Post from this Blog.Today we are going to take a step to setup our environment and some dart basics.
• Flutter is Google's portable UI toolkit for creating beautiful applications.
• It is directly compiled to native binary code i.e., it wont wrap things up like cordova and xamarin.
• Flutter is also useful for creating Web and Desktop applications with single codebase.We can use same source code for creating Mobile,Web and Desktop applications.
• Flutter uses Dart as the programming language and Flutter as framework.
• Flutter Architecture:

Image from flutter.dev

• Setup:
• Follow the link to choose your OS setup.
• Watch this video to setup quickly flutter set up for windows   vscode setup or you can follow flutter.dev.
• Follow the steps according to video or documentation.Once the setup completed then go for the test drive if everthing is working fine then you are good to go.
• Flutter basics
• We can access all the methods in flutter framework using dart programming language.If you want to know about dart then see  dart tutorial . spend a  day and practice at practice dart here.

  lib/main.dart :

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to allaboutflutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to allaboutflutter'),
        ),
        body: Center(
          child: Text('Hello folks!'),
        ),
      ),
    );
  }
}

• The main()  method uses arrow ( => ) notation. Use arrow notation for one-line functions or methods.
• The app extends StatelessWidget which makes the app itself a widget. In Flutter, almost everything is a widget, including alignment, padding, and layout.
• In java or kotlin everthing is a view but in flutter everything is widget.
• The Scaffold widget, from the Material library, provides a default app bar, title, and a body property that holds the widget tree for the home screen. The widget subtree can be quite complex.
• A widget’s main job is to provide a build()  method that describes how to display the widget in terms of other, lower level widgets.
• The body for this example consists of  a Center  widget containing a Text child widget. The Center widget aligns its widget subtree to the center of the screen.
• For more info about flutter visit https://flutter.dev.

Follow me on:
Twitter    Github     LinkedIn