Angular Dart 2.2, Flutter

Flutter Dev Подкаст #0
React Native vs Flutter 2019

Angular Dart Examples

Learning Dart: Introduction to Angular 2

Почему мы выбрали Flutter и что из этого вышло

Сайт о языке программирования Dart
youtube Flutter
Что такое Flutter? Почему все переходят с JavaScript

Почему мы выбрали Flutter и что из этого вышло

Sample Code

Angular Dart Examples

Learning Dart: Introduction to Angular 2
Сайт о языке программирования Dart

dart angular 2

Screenshot of AdWords Next


import 'dart:async';
import 'dart:math' show Random;

main() async {
  print('Compute π using the Monte Carlo method.');
  await for (var estimate in computePi()) {
    print('π ≅ $estimate');

/// Generates a stream of increasingly accurate estimates of π.
Stream<double> computePi({int batch: 1000000}) async* {
  var total = 0;
  var count = 0;
  while (true) {
    var points = generateRandom().take(batch);
    var inside = points.where((p) => p.isInsideUnitCircle);
    total += batch;
    count += inside.length;
    var ratio = count / total;
    // Area of a circle is A = π⋅r², therefore π = A/r².
    // So, when given random points with x ∈ <0,1>,
    // y ∈ <0,1>, the ratio of those inside a unit circle
    // should approach π / 4. Therefore, the value of π
    // should be:
    yield ratio * 4;

Iterable<Point> generateRandom([int seed]) sync* {
  final random = new Random(seed);
  while (true) {
    yield new Point(random.nextDouble(), random.nextDouble());

class Point {
  final double x, y;
  const Point(this.x, this.y);
  bool get isInsideUnitCircle => x * x + y * y <= 1;


Sample Code

This collection is not exhaustive—it’s just a brief introduction to the language for people who like to learn by example. You may also want to check out the following pages.

Language Tour

Higher text-to-code ratio than here.


A set of concrete recipes to get you started with common programming tasks.

Hello World

First things first:

void main() {
  print('Hello, World!');


We’re not explicitly typing the variables here. We could, but type inference works for us.

var name = 'Voyager I';
var year = 1977;
var antennaDiameter = 3.7;
var flybyObjects = ['Jupiter', 'Saturn', 'Uranus', 'Neptune'];
var image = {
  'tags': ['saturn'],
  'url': '//path/to/saturn.jpg'

Read more about variables in Dart, including default values, final and const keywords, and more.

Control flow statements

No surprises here.

if (year >= 2001) {
  print('21st century');
} else if (year >= 1901) {
  print('20th century');

for (var object in flybyObjects) {

for (int month = 1; month <= 12; month++) {

while (year < 2016) {
  year += 1;

Read more about control flow statements in Dart, including break and continue, switch and case, and assert.


As a best practice, we’re specifying the type of the function’s argument and return value here. You don’t need to do that, though.

int fibonacci(int n) {
  if (n == 0 || n == 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);

var result = fibonacci(20);

A shorthand (fat arrow) syntax is handy for functions that contain a single statement. It’s especially useful when functions are passed as arguments, but it also means that Hello World can be made even shorter.

flybyObjects.where((name) => name.contains('turn')).forEach(print);

Also note that in the example above, the top-level function print is provided as an argument.

Read more about functions in Dart, including optional parameters, default parameter values, lexical scope, and more.


// A normal, one-line comment.

/// A documentation comment. These are used to document libraries, classes and
/// their members. IDEs and tools use these.

/* Comments like these are also supported. */

Read more about comments in Dart, including how the documentation tooling works.


// Importing core libraries
import 'dart:async';
import 'dart:math';

// Importing libraries from external packages
import 'package:angular2/angular2.dart';

// Importing files
import 'path/to/my_other_file.dart';

Read more about libraries and visibility in Dart, including library prefixes, show and hide, and lazy loading through the deferred keyword.


class Spacecraft {
  String name;
  DateTime launchDate;
  int launchYear;

  // Constructor, including syntactic sugar for assignment to members.
  Spacecraft(, this.launchDate) {
    // Pretend the following is something you'd actually want to run in
    // a constructor.
    launchYear = launchDate?.year;

  // Named constructor that forwards to the default one.
  Spacecraft.unlaunched(String name) : this(name, null);

  // Method.
  void describe() {
    print('Spacecraft: $name');
    if (launchDate != null) {
      int years = new ~/ 365;
      print('Launched: $launchYear ($years years ago)');
    } else {

You would use the class defined above like so:

var voyager = new Spacecraft('Voyager I', new DateTime(1977, 9, 5));

var voyager3 = new Spacecraft.unlaunched('Voyager III');

Read more about classes in Dart, including initializer lists, redirecting constructors, constant constructors, factory constructors, getters, setters, and much more.


Dart has single inheritance.

class Orbiter extends Spacecraft {
  num altitude;
  Orbiter(String name, DateTime launchDate, this.altitude)
      : super(name, launchDate);

Read more about extending classes, the optional @override annotation, and more.


Mixins are a way of reusing code in multiple class hierarchies. The following class can act as a mixin.

class Manned {
  int astronauts;
  void describeCrew() {
    print('Number of astronauts: $astronauts');

Just extend a class with a mixin to add the mixin’s capabilities to the class.

class Orbiter extends Spacecraft with Manned {
  // ...

Orbiter now has the astronauts field as well as the describeCrew() method.

Read more about mixins.


Dart has no interface keyword. Instead, all classes implicitly define an interface. Therefore, you can implement any class.

class MockSpaceship implements Spacecraft {
  // ...

Read more about implicit interfaces.

Abstract classes

You can create an abstract class to be extended (or implemented) by a concrete class. Abstract classes can contain abstract methods (with empty bodies).

abstract class Describable {
  void describe();

  void describeWithEmphasis() {

Any class extending Describable has the describeWithEmphasis() method, which calls the extender’s implementation of describe().

Read more about abstract classes and methods.


You can avoid callback hell and make your code much more readable by using async and await.

Future<Null> printWithDelay(String message) async {
  await new Future.delayed(const Duration(seconds: 1));

The code above is equivalent to:

Future<Null> printWithDelay(String message) {
  return new Future.delayed(const Duration(seconds: 1)).then((_) {

From the example above, async and await may not seem all that useful. The next example shows that async and await help make asynchronous code easy to read.

Future<Null> createDescriptions(Iterable<String> objects) async {
  for (var object in objects) {
    try {
      var file = new File('$object.txt');
      if (await file.exists()) {
        var modified = await file.lastModified();
        print('File for $object already exists. It was modified on $modified.');
      await file.create();
      await file.writeAsString('Start describing $object in this file.');
    } on IOException catch (e) {
      print('Cannot create description for $object: $e');

You can also use async*, which gives you a nice, readable way to build streams.

Stream<String> report(Spacecraft craft, Iterable<String> objects) async* {
  for (var object in objects) {
    await new Future.delayed(const Duration(seconds: 1));
    yield '${} flies by $object';

Read more about asynchrony support, including async functions, Future, Stream, the asynchronous loop (await for), and much more.


if (astronauts == 0) {
  throw new StateError('No astronauts.');

Exceptions can be caught, even in asynchronous code.

try {
  for (var object in flybyObjects) {
    var description = await new File('$object.txt').readAsString();
} on IOException catch (e) {
  print('Could not describe object: $e');
} finally {

Read more about exceptions, including information about the distinction between Error and Exception, stack traces, rethrow, and more.

Getters and setters

Getters and setters are special methods that appear like properties. We could rewrite the launchYear property of the Spacecraft class like so:

class Spacecraft {
  // ...
  DateTime launchDate;
  int get launchYear => launchDate?.year;
  // ...

Users of the class access the property like they normally would (spacecraft.launchYear). The fact that it’s a method is transparent to them.

Read more about getters and their counterpart, setters.

Other topics

Many more code samples are in the Language Tour and the Library Tour. Libraries provide examples of use in their API documentation.

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.