Toda aplicación móvil requiere de un menú principal, para ello, flutter permite la fácil creación de un Dashboard mediante la incorporación de widget especificos.

En este ejemplo, se crea un método denominado "Botones" el cual posee 3 parametros Botones({this.title1, this.icon1, this.bc1}); , el primero corresponde al titulo o etiqueta, el segunda es el Icono y el tercero el color del Icono.

Por tal motivo, se realizan varias llamadas al método para ir generando cada uno de los 6 botones: children: [ Botones(title1: "Opcion 1", icon1: Icons.account_balance, bc1: Colors.brown,), ] .

La propiedad onTap:(){ } del widget Card permite establecer la acción que se ejecuta al momento de hacer click sobre el botón.

Ver código Flutter en Github

Para desplegar una lista de datos se requiere de un componente (Widget) denominado DataTable , el cual permite visualizar datos en forma de matriz ordenados por columnas y filas. En este segundo ejemplo, se crea un segundo archivo denominado "Ventana1.dart" dentro del mismo se escribe código para establecer la estructura del modelo (fila,columna). Además, se crear un clase llamada Productos para poder crear un List que almacena un conjunto de objetos.

Se definen los siguientes métodos: onSortColum() para ordenar la lista por columnas, onSelectedRow() para seleccionar una fila (objeto), deleteSelected() para eliminar una fila(objeto) de la lista, y SingleChildScrollView() para definir la estructura de la matriz(fila,columna).

En el archivo Productos.dart se pueden agregar mas objetos al List, esta sección debe ser conectada con la respuesta del Servicio Web REST al ejecutar la solicitud GET.

Ver código Flutter para DataTable
Ver código Flutter para la Clase Productos