Inicio » Cursos » Flutter y Laravel App de Turismo

Curso Flutter y Laravel App de Turismo

Capitulo 27 ➜ Pantalla Lista Lugares Turísticos

Pantalla Lista Lugares Turísticos

Implementación de la pantalla lista de Lugares Turísticos

Instanciamos un ListView para cargar los datos de la tabla Lugar, con ello mostraremos los datos y agregaremos un botón para carga un Lugar

Instanciamos un ListView para cargar los datos de la tabla Lugar, con ello mostraremos los datos y agregaremos un botón para carga un Lugar

import 'package:app/basededatos/DBmanager.dart';
import 'package:app/basededatos/Ruta.dart';

import 'package:app/pantallas/pantallaLugar.dart';
import 'package:flutter/material.dart';

var basededatos = new DBmanager();

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

class _pantallaLugaresState extends State<pantallaLugares> {
  Ruta ruta;
  _pantallaLugaresState(this.ruta);
  @override
  Widget build(BuildContext context) {
    return  Scaffold(
      appBar: AppBar(
        title: Text("RUTA "+ruta.nombre),
      ),
      backgroundColor: Colors.amber,
      body: Container(
        child: FutureBuilder(
          future: basededatos.obtenerLugares("ruta_id=" + ruta.id.toString()),
          builder: (BuildContext c, AsyncSnapshot s) {
            if (s.hasData) {
              return ListView.builder(
                  itemCount: s.data == null ? 0 : s.data.length,
                  itemBuilder: (_c, _i) {
                    return GestureDetector(
                      onTap: () {

                        Navigator.of(context).push(MaterialPageRoute(
                            builder: (BuildContext) =>
                                pantallaLugar(s.data[_i])));

                      },
                      child: Card(
                        elevation: 10,
                        margin: EdgeInsets.all(10),
                        child: Row(
                          children: [
                            Image.network(
                              "http://..../appturismo/public/img/lugar/" +
                                  s.data[_i].urlfoto,
                              width: 120,
                              height: 120,
                              fit: BoxFit.cover,
                            ),
                            Text(
                              s.data[_i].nombre,
                              style: TextStyle(
                                fontSize: 20,
                                fontWeight: FontWeight.w700,
                                color: Colors.green,
                              ),
                            )
                          ],
                        ),
                      ),
                    );
                  });
            } else {
              return Center(
                child: Text("NO EXISTEN EMPRESAS"),
              );
            }
          },
        ),
      ),
    );
  }
}

 


911 visitas

Sigue con el curso: Capítulo 28 – Pantalla Lugar Turístico

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Comprar

Más cursos que pueden interesarte

Más cursos

Codea Codea App

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

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023