FLUTTER: SDK de Google creado para diseñar interfaces nativas iOS y Android.

Versión 2017 primera versión Alpha.

Native: Swift y Kotlin

Hibrido: Ionic, Cordoba, PhoneGap
Cross Plat form: Xamarin, React, NativeScript, Flutter

Skia 2D (C, C++) Renderezación de Flutter.

Capas: Framework, Engine y Sistema Operativo.

Pagina oficial: https://dart.dev/

DartPad: https://dartpad.dev/?null_safety=true
Visualizador de Themes: https://startflutter.com/

USOS DE DART:

• Dart Mobile.
• Angular Dart.
• Aplicaciones de lado de Servidor

ANDROID vs FLUTTER

Componentes: View → Widget

Desarrollo de Interfa z: XML → Widget tree

IOS vs FLUTTER

Componentes: UIView → Widget

Desarrollo de Interfa z: Storyboard → Widget tree

XAMARIN vs FLUTTER

Componentes: Element → Widget

Desarrollo de Interfa z: XAML → Widget tree
REACT NATIVE vs FLUTTER

La principal diferencia es que mientras que React Native transpila (traduce) el código a Widgets
Nativos para cada plataforma, Flutter compila todo directamente a Nativo controlando cada
pixel de la pantalla para evitar problemas de rendimiento causados por el bridge de JavaScript.

Componentes: Element → Widget

Desarrollo de Interfa z: XAML → Widget tree

EJERCICIO:

A partir del siguiente arreglo de edades var ages = [33, 15, 27, 40, 22];
Crea un programa en Dart que las ordene e imprima la edad mayor, la edad menor y la edad
promedio con sus respectivos mensajes: “La edad mayor es: ” , “La edad menor es: ”, “La edad
promedio es: ”

PROYECTO FLUTTER:

Archivo de configuración: pubspec.yaml (Dependencias y assets)

ESTILO DE PROGRAMACIÓN: Programación declarativa.

Existen dos tipos de programación: Imperativa y Declarativa.

Widgets de Material Design provistos por el SDK de Flutter:

Import ‘package:flutter/material.dart’

Metodo de ejecución:

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

MyApp: es un Widget (Estos usan programación reactiva, heredan de StatelessWidget)

Metodo build → crea la app

MaterialApp → Toma los componentes del package material.dart

Home() → Nombre de la aplicación en el sistema.

Scaffold() → se compone de
la estructura de la aplicación.