Code Monkey home page Code Monkey logo

firstflutterapp's Introduction

first_flutter_app

A new Flutter project.

What is Flutter

  • A new multiplatform mobile development SDK based on Dart with inspiration on React
  • First alpha release on Christmas 2015 But gaining traction this year,the stable release: Flutter 1.0 - 2018;
  • Same source code for both Android and iOS Material + Cupertino Native plugins
  • Created by Google
  • Compare Update diff Real DOM Virtual DOM Application UI Render Canvas Events
  • Widget Tree Render Canvas Events Application Platform

How to start?

Editor

  • plugin IntelliJ Idea (CE or Enterprise)
  • Android Studio
  • Visual Studio Code Or anything else using console

Flutter Studio, Version 2

The new version

  • Is responsive
  • Shows real Android and iOS devices accurately on the web
  • Produces and shows pixel perfect designs
  • Provides more widgets (including themes)
  • Allows you to edit the widgets intuitively, producing accurate code
  • Focuses on design (code and pubspec are on separate tabs)
  • Produces complete, working application code and pubspec.yaml files
  • The new version is available at https://flutterstudio.app

Install the Flutter and Dart plugins

To install these:

  • Start Android Studio or IntelliJ.
  • Open plugin preferences (Preferences > Plugins on macOS, File > Settings > Plugins on Windows & Linux).
  • Select Browse repositories, select the Flutter plugin and click Install.
  • Click Yes when prompted to install the Dart plugin.
  • Click Restart when prompted.

Layouts in Flutter

The core of Flutter’s layout mechanism is widgets. In Flutter, almost everything is a widget—even layout models are widgets. The images, icons, and text that you see in a Flutter app are all widgets. But things you don’t see are also widgets, such as the rows, columns, and grids that arrange, constrain, and align the visible widgets.

alt text

StatelessWidget vs StatefulWidget

A StatelessWidget will never rebuild by itself (but can from external events). A StatefulWidget can. That is the golden rule.

Stateless only means that all of its properties are immutable and that the only way to change them is to create a new instance of that widget.

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.