Curso Flutter y Laravel App de Turismo

Pantalla Lista de Rutas

Dicha pantalla mostrar un widget ListView con cierta información de cada ruta para mostrarla al usuario de la app, donde podrá hacer touch para elegir una.

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

Pantalla Lista de Rutas

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 Rutas para mostrarlas y poder elegir

DESCRIPCIÓN DE LA LECCIÓN

Simplemente mostraremos una lista de las rutas en nuestra app. Dicha pantalla mostrar un widget ListView con cierta información de cada ruta para mostrarla al usuario de la app, donde podrá hacer touch para elegir una.

Ha vamos a trabajar en dos partes claramente diferenciadas como :

Primera parte donde vamos a enviar una petición y recibir cierta información para inflar la base de datos  a través de la API Rest desarrollada en Laravel.

Segunda parte inflaremos el ListView con los datos necesarios de la tabla ruta a traves de los métodos necesarios.

 

import 'dart:convert';

import 'package:app/api/Api.dart';
....

var basededatos = new DBmanager();

class pantallaRutas extends StatefulWidget {
  @override
  _pantallaRutasState createState() => _pantallaRutasState();
}

class _pantallaRutasState extends State<pantallaRutas> {
  bool descargacompleta = false;

  void obtenerJson() async {
    var respuesta = await Api().listarData("listajson");
    var body = json.decode(respuesta.body);
    if (body['success']) {
      // ruta
      basededatos.borrarTabla("ruta");
     ...
      // empresa
      basededatos.borrarTabla("empresa");
      ....
        print("empresa" + empresa.toString());
      }
      // tabla lugar
      basededatos.borrarTabla("lugar");
      ....
        basededatos.insertarLugar(lugar);
      }

      // tabla foto
      basededatos.borrarTabla("foto");
     ....

      setState(() {
        descargacompleta = true;
      });
    } else {
      print("FALLO");
    }
  }

  @override
  void initState() {
    // TODO: implement initState
   ....
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("RUTAS"),
      ),
      backgroundColor: Colors.amber,
      body: Container(
        child: descargacompleta
            ? FutureBuilder(
                future: ....
                builder: (context, snapshot) {
                  if (snapshot.hasData) {
                    // listview
                    return ListView.builder(
                        itemCount:
                            ....
                        itemBuilder: (_c, _i) {
                          return Card(
                            elevation: 20,
                            margin: EdgeInsets.all(10),
                            child: Row(
                              mainAxisAlignment:
                              MainAxisAlignment.spaceBetween,
                              children: [
                                ....,
                                Column(
                                  children: [
                                    Padding(
                                      padding: EdgeInsets.all(10),
                                      child: Text(
                                        snapshot.data[_i].nombre,
                                        style: TextStyle(
                                            fontWeight: FontWeight.w900,
                                            fontSize: 18,
                                            color: Colors.green),
                                      ),
                                    ),
                                    Row(
                                      ....
                                  ],
                                )
                              ],
                            ),
                          );
                        });
                  } else {
                    return Center(child: Text("NO EXISTE INFO"));
                  }
                })
            : Center(
                child: Text("Cargando info"),
              ),
      ),
    );
  }
}

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

29 visitas

Lecciones del curso

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

Develop your code

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

You Fb Tik Pin

© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020 - 2021