Capítulo 28 – Pantalla Lugar Turístico – Curso Flutter y Laravel App de Turismo

Curso Flutter y Laravel App de Turismo

Capitulo 28 ➜ Pantalla Lugar Turístico

Implementación Pantalla Lugar turístico que mostrará información

En esta pantalla mostraremos información del lugar turístico de forma sencilla donde consumiremos el parámetro que recibimos de la lista de lugares

En esta pantalla mostraremos información del lugar turístico de forma sencilla donde consumiremos el parámetro que recibimos de la lista de lugares .

import 'package:app/basededatos/DBmanager.dart';
import 'package:app/basededatos/Lugar.dart';
import 'package:app/pantallas/PantallaFoto.dart';
import 'package:flutter/material.dart';

var basededatos = new DBmanager();
class pantallaLugar extends StatefulWidget {
  Lugar lugar;
  pantallaLugar(this.lugar);
  @override
  _pantallaLugarState createState() => _pantallaLugarState(this.lugar);
}

class _pantallaLugarState extends State<pantallaLugar> {
  Lugar _lugar;
  _pantallaLugarState(this._lugar);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(_lugar.nombre),),
      body: Container(
        alignment: Alignment.topCenter,
        child: Column(
          children: [
            Image.network("http://192.168.1.4/appturismo/public/img/lugar/"+_lugar.urlfoto),
            Text(_lugar.descripcion),
            Flexible(
                child: FutureBuilder(
                  future: basededatos.obtenerFotos("lugar_id="+_lugar.id.toString()),
                  builder: (c,s){
                    if(s.hasData){
                      return GridView.builder(
                        itemCount: s.data == null ? 0 : s.data.length,

                          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 2,
                            childAspectRatio: MediaQuery.of(context).size.width/(MediaQuery.of(context).size.height/1.5)
                          ),
                          itemBuilder: (_c,_i){
                            return GestureDetector(
                              onTap: (){
                                Navigator.of(context).push(MaterialPageRoute(
                                    builder: (BuildContext) =>
                                        pantallaFoto(s.data[_i])));

                              },
                              child: Container(
                                child: Column(
                                  children: [
                                    Image.network("http://192.168.1.4/appturismo/public/img/foto/"+s.data[_i].urlfoto),
                                    Text(s.data[_i].nombre)
                                  ],
                                ),
                              ),
                            );
                          }
                      );
                    }else{
                      return Center(child: Text("No hay fotos"),);
                    }
                  },

            )
            )
          ],
        ),
      ),
    );
  }
}

998 visitas

« Capítulo 27 – Pantalla Lista Lugares Turísticos

Capítulo 29 – Pantalla Foto360 »

{ Curso Flutter y Laravel App de Turismo }

Compartir link con tus amigos

Descarga el código del proyecto

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

Comprar

Indice

Introducción al curso

1 Introducción

Instalación y configuración Laravel

2 Instalar Laravel y Paquetes 3 Login y Roles de Acceso

Funcionalidades del Rol Admin

4 CRUD tabla Rutas 5 CRUD tabla Post 6 CRUD tabla Empresa 7 CRUD tabla Lugar 8 CRUD tabla Fotos 9 CRUD tabla user 10 Optimizando la administración

Funcionalidades para el Rol Empresa

11 Rutas y Controlador para el Rol Empresa 12 Gestión para el Rol Empresa

Desarrollo del FrontEnd

13 Rutas FrontEnd 14 Página Principal 15 Página Rutas 16 Página Lugar 17 Página Empresa

Creación y Configuración Flutter

18 Entorno de desarrollo 19 Pantalla Inicio 20 Api Service 21 Implementación de los Modelos 22 Implementación de un DBmanager 23 Funcionalidad y Mockups

Vistas públicas en Flutter

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