1. flutter introduccion v2
•
1 recomendación•241 vistas
Flutter es un SDK de Google para crear interfaces nativas de iOS y Android usando el lenguaje de programación Dart. Flutter 1.0 fue lanzado en diciembre de 2018 y usa programación declarativa para construir árboles de widgets que representan las interfaces. Los proyectos de Flutter contienen código Dart en la carpeta 'lib' y archivos de configuración para Android e iOS.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a 1. flutter introduccion v2
Similar a 1. flutter introduccion v2 (20)
1. flutter introduccion v2
- 4. Flutter SDK de Google creado para diseñar interfaces nativas iOS y Android.
- 5. Versiones de Flutter Año 2017 alpha Febrero 2018 beta
- 7. Flutter Utiliza el lenguaje de programación Dart y fue creado para programadores de interfaces móviles
- 12. Cross Platform
- 13. Cross Platform
- 14. Cross Platform
- 15. Cross Platform
- 19. Dart y Flutter
- 21. Usos de Dart Flutter Web Server Mobile Código que corre Aplicaciones deen el navegador lado del servidor AngularDart
- 22. Ya he trabajado con Dart
- 23. Ya he trabajado con Dart Programación Orientada a Objetos Java, C++, etc.
- 24. Ya he trabajado con Dart Programación Orientada a Objetos Java, C++, etc. Desarrollador Móvil Android y iOS Nativo React Native Xamarin Ionic
- 25. Sintaxis
- 27. Dart final Title = Text( "Hola Mundo", textAlign: TextAlign.center, style: TextStyle( fontSize: 13.0, color: Color(0xFFa3a5a7) ), );
- 28. Dart - JavaScript React final Title = Text( "Hola Mundo", textAlign: TextAlign.center, style: TextStyle( fontSize: 13.0, color: Color(0xFFa3a5a7) ), );
- 29. Dart class HolaMundo extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return null; } }
- 30. Dart - Java class HolaMundo extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return null; } } public class MenuActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_menu) } }
- 33. Flutter en Android, iOS y Xamarin
- 34. Android View Widget XML Widget tree
- 35. iOS UIView Widget Storyboard Widget tree
- 36. Xamarin Element Widget XAML Widget tree
- 37. React Native UIView Widget Storyboard Widget tree
- 39. Apps en Flutter
- 41. Composición de un proyecto en Flutter
- 42. Proyecto Flutter
- 43. android ios lib
- 44. android ios lib FlutterActivity, AndroidManifest y todos los archivos que corresponden a un proyecto Android
- 45. android ios lib FlutterActivity, AndroidManifest y todos los archivos que corresponden a un proyecto Android FlutterAppDelegate, info.plist y todos los archivos que corresponden a un proyecto iOS
- 46. android ios lib FlutterActivity, AndroidManifest y todos los archivos que corresponden a un proyecto Android FlutterAppDelegate, info.plist y todos los archivos que corresponden a un proyecto iOS Aquí es donde vive la aplicación Flutter. Concentramos los archivos .dart
- 47. pubspec.yaml Archivo de configuración escrito en YAML Es un formato de serialización de datos legible por humanos inspirado en lenguajes como XML
- 48. pubspec.yaml
- 49. pubspec.yaml
- 50. pubspec.yaml
- 53. Flutter toma su principal inspiración en React
- 54. React utiliza un estilo de programación declarativa
- 56. Imperativa
- 57. Declarativa
- 59. ViewA a ViewB b ViewC c1 ViewC c2 ViewA a ViewB b ViewC c1
- 61. Estructura de un programa en Flutter
- 62. import 'package:flutter/material.dart'; Widgets de Material Design provistos por SDK Flutter
- 63. void main() => runApp(App()); La función runApp toma el widget y lo sirve
- 64. Widget llamado App Método build crea la interfaz
- 65. El punto inicial para general una aplicación en MaterialDesign
- 66. El título: task manager Home: Lo que muestra la app
- 70. return Scaffold( appBar: , body: , bottomNavigationBar: , floatingActionButton: , floatingActionButtonLocation: , );
- 71. return Scaffold( appBar: , body: , bottomNavigationBar: , floatingActionButton: , floatingActionButtonLocation: , );
- 73. Widgets básicos
- 74. In Flutter, almost everything is a widget
- 80. Widgets con estado y sin estado
- 81. Un widget con estado StateFulWidget Usuario puede interactuar con él ● Checkbox, Radio, Slider, Form
- 82. Un widget con estado StateLessWidget Elementos fijos que no interactúen con el usuario ● Icono ● Texto ● Contenedor con color
- 85. Layout
- 86. Diagramar layout
- 87. Diagramar layout
- 88. Diagramar layout