Curso Flutter y Laravel App de Turismo

Pantalla Lista de Empresas

La pantalla empresa mostrará las empresas que pertenezcan a una determinada ruta que haya sido elegida por el usuario, básicamente un listview

Lección 25 del Curso Flutter y Laravel App de Turismo

Pantalla Lista de Empresas

POR LA COMPRA DEL CURSO COMPLETO

  • MIRA TODOS LOS VIDEOS SIN RESTRICCIÓN
  • TEN ACCESO AL CURSO DE POR VIDA
  • DESCARGA TODO CÓDIGO FUENTE DEL PROYECTO
  • ACCESO A CURSOS Y RECURSOS GRATIS

Flutter y Laravel App de Turismo

Implementación de la pantalla Empresas para mostrar una lista

DESCRIPCIÓN DE LA LECCIÓN

Es aqui donde vamos a cargar una lista de empresas desde la base de datos Sqlite y mostrarlas en un widget ListView con información necesaria solo para poder elegir y continuar con el flujo de uso de la app.

Veamos el código Dart

import 'package:app/basededatos/DBmanager.dart';
import 'package:app/basededatos/Ruta.dart';
import 'package:app/pantallas/pantallaEmpresa.dart';
...
var basededatos = new DBmanager();

class pantallaEmpresas extends StatefulWidget {
  Ruta ruta;
  pantallaEmpresas(this.ruta);
  @override
  _pantallaEmpresasState createState() => _pantallaEmpresasState(this.ruta);
}

class _pantallaEmpresasState extends State<pantallaEmpresas> {
  Ruta ruta;

  _pantallaEmpresasState(this.ruta);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("RUTA "+ruta.nombre),
      ),
      backgroundColor: Colors.amber,
      body: Container(
        child: FutureBuilder(

...          builder: (BuildContext c, AsyncSnapshot s) {
            if (.....) {
              return ListView.builder(
                  itemCount: ....
                  itemBuilder: (_c, _i) {
                    return GestureDetector(
                      onTap: () {
                        ....
                      },
                      child: Card(
                        elevation: 10,
                        margin: EdgeInsets.all(10),
                        child: Row(
                          children: [
                            ...
                            ...
                          ],
                        ),
                      ),
                    );
                  });
            } else {
              return Center(
                child: Text("NO EXISTEN EMPRESAS"),
              );
            }
          },
        ),
      ),
    );
  }
}

105 visitas

Lecciones del curso

4. CRUD tabla Rutas
5. CRUD tabla Post
6. CRUD tabla Empresa
7. CRUD tabla Lugar
8. CRUD tabla Fotos
10. Optimizando la administración
11. Rutas y Controlador para el Rol Empresa
12. Gestión para el Rol Empresa
13. Rutas FrontEnd
14. Página Principal
15. Página Rutas
16. Página Lugar
17. Página Empresa
18. Entorno de desarrollo
19. Pantalla Inicio
20. Api Service
21. Implementación de los Modelos
22. Implementación de un DBmanager
24. Pantalla Lista de Rutas
25. Pantalla Lista de Empresas
26. Pantalla Empresa
27. Pantalla Lista Lugares Turísticos
28. Pantalla Lugar Turístico
29. Pantalla Foto360
30. Proceso de Registro
31. Proceso de Login - Logout
32. Panel Administración Empresa
33. CRUD Insertar una Empresa
34. CRUD Editar una Empresa
35. CRUD Borrar una empresa
36. Diseño en Laravel
37. Diseño de la app Flutter
VER MÁS CURSOS
Logo Codea App

Codea App FullStack

Perú, México, Colombia, España, Venezuela, Argentina, Bolivia

You Fb Tik Pin

© Todos los derechos reservados Codea App FullStack | Cursos de programación avanzados | 2020 - 2021