Scribd
Cargar
160 vistas3 páginas

DART

Flutter es un SDK de Google para desarrollar interfaces nativas para iOS y Android. Usa el lenguaje Dart y ofrece widgets para crear interfaces declarativamente. Proporciona componentes de Material Design y permite compilar el código directamente a nativo para evitar problemas de rendimiento.

Cargado por

Jiliar Silgado Cardona
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como ODT, PDF, TXT o lee en línea desde Scribd
160 vistas3 páginas

DART

Flutter es un SDK de Google para desarrollar interfaces nativas para iOS y Android. Usa el lenguaje Dart y ofrece widgets para crear interfaces declarativamente. Proporciona componentes de Material Design y permite compilar el código directamente a nativo para evitar problemas de rendimiento.

Cargado por

Jiliar Silgado Cardona
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como ODT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

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.

También podría gustarte