DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for What is flutter ?
saxena uditanshu
saxena uditanshu

Posted on

What is flutter ?

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

Flutter uses Google’s Dart programming language & it's very easy to learn. Flutter will help you create beautiful, fast apps, with a productive, extensible, and open development model.

Want to write your first android / iOS app?

How to install Flutter?

1- Installing Flutter, Official Flutter Website
2- Visit the link & follow the simple steps.

Let's see our Hello World app in flutter.

Alt Text

What do you think how many lines of code is needed to make a basic app like that?

Code for above app.

import 'package:flutter/material.dart';

void main() => runApp(new HelloWorldApp());

class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Material(
        child: new Center(
          child: new Text("Hello world!", style: TextStyle(fontSize: 32.0),),
        ),
      ),
    );
  }
}

Looks Easy right! Flutter is very easy to learn.

Widgets - In simple words everything you see in flutter app is a widget, example - in the above app we have a text widget.

Another Example App-

Alt Text


Alt Text

With just Code < 300 lines, we can create the above app with beautiful UI & animations.

In the next post I will be writing about app development with flutter having simple codes. I will start with a basic text widget.

#FlutterBasics

Top comments (1)

Collapse
 
103221 profile image
103221

Thank you for your article! As a Flutter fan I find it really adorable that you care to explain what is Flutter and how it works, what can you do with it. Looking forward to your further articles! Meanwhile, I'd like to share another material I found lately which covers briefly everything you need to know about Flutter, starting with the definition, examples of apps, and the cost of different types of apps built with Flutter surf.dev/what-you-should-know-abou...

🌚 Life is too short to browse without dark mode