- 1
¡Renovaremos este curso!
00:31 - 2

Desarrollando en Flutter
01:36 - 3

¿Qué es Flutter?
08:50 - 4

Dart y Flutter
08:13 - 5
Sintaxis de Dart
00:05 - 6
¡Renovaremos este curso!
00:31 - 7

Flutter para desarrolladores Android, iOS y Xamarin.forms
04:33 - 8
Flutter para desarrolladores React Native
01:27 - 9

¿Cómo luce una app construída en Flutter?
04:13 - 10
Primer reto
00:19
Widget Floating Action Button
Clase 38 de 45 • Curso de Flutter
Contenido del curso
- 15
¡Renovaremos este curso! Te quedan unos días para concluirlo.
00:27 - 16

Programación Declarativa en Flutter
04:24 - 17

Estructura de un programa en Flutter
08:20 - 18

Hola Mundo en Flutter
05:07 - 19

Widgets básicos
09:18 - 20

Widgets con estado y sin estado
04:26 - 21

Análisis de Interfaces de Usuario en Flutter
07:04 - 22
Definiendo los layouts de nuestra interfaz
00:18 - 23
Segundo reto
00:20
- 24
¡Renovaremos este curso! Te quedan unos días para concluirlo.
00:27 - 25

Flutter Widgets: Container, Text, Icon, Row
13:37 - 26

Flutter Widgets: Column
08:43 - 27

Recursos en Flutter: Tipografías y Google Fonts
06:57 - 28

Widget Image
08:28 - 29

Widget Apilando Textos
09:41 - 30

Widgets Decorados
12:28 - 31

Widget Imagen Decorada
17:21 - 32

Widget Listview
10:17 - 33

Widget Button, InkWell
14:32 - 34
Tercer reto
00:12
- 35
¡Renovaremos este curso! Te quedan unos días para concluirlo.
00:27 - 36
Botones en Flutter
01:14 - 37

Clase StatefulWidget: Cómo se compone
05:29 - 38

Widget Floating Action Button
10:16 - 39

Widgets BottomNavigationBar
09:54 - 40

Generando Navegación en BottomNavigationBar
11:14 - 41
Personalizando nuestro BottomNavigation Bar a Cupertino iOS BottomBar
03:20 - 42
Cuarto reto
00:17
Como vimos en la clase anterior, para que un widget sea capaz de responder a la interacción con el usuario y en función de esa interacción pueda cambiar su comportamiento o algunas de sus propiedades, este debe ser definido inicialmente como un StatefulWidget.
En esta clase aprenderemos a construir, personalizar y darle comportamiento a un Floating Action Button, nuestro widget de tipo Statful, o con estado.
Este widget, también conocido como Fab, es muy común en las interfaces móviles basadas en Material Design y generalmente representan al elemento de principal interacción esperada en la interfaz, equivale a un Call to action.
La sintaxis básica de un Stateful Widget, es:
import 'package:flutter/material.dart';
class <nombre del widget> extends StatefulWidget {
@override
State createState() {
return _();
}
}
class _<nombre del widget> extends State<<nombre del widget>> {
void (){
// TODO: interaction code
}
@override
Widget build(BuildContext context) {
// TODO: implement build
return (
...
onPressed: , // --- sin paréntesis
...
);
}
}