Curso Flutter y Laravel App de Turismo

Pantalla Foto360

Importaremos un paquete para tratar la imagen en 360 o plana mediante un operador ternario donde evaluaremos un nuevo campo tipo,

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

Pantalla Foto360

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 Foto para mostrar Foto 360 y planas

DESCRIPCIÓN DE LA LECCIÓN

En este punto vamos a crear una pantalla para mostrar las imágenes que corresponden al lugar turístico elegido. Para lograr ello tendremos que aumentar un campo nuevo campo llamado "tipo" a la tabla foto y realizar los correspondientes cambios que esta modificación generará como efecto dominó;

  • Actualizar el sql de la tabla foto
  • Actualizar el método de inserción foto
  • Actualizar los atributos del modelo Foto
  • Finalmente actualizar la función que importa los datos Json en la sección foto, claro esta que se encuentra en la pantalla lista de rutas.

Ahora veamos el código de pantallaFoto

import 'package:app/basededatos/Foto.dart';
...

class pantallaFoto extends StatefulWidget {
  ...
  @override
  _pantallaFotoState createState() => _pantallaFotoState(this.foto);
}

class _pantallaFotoState extends State<pantallaFoto> {
  Foto _foto;
  _pantallaFotoState(this._foto);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(_foto.nombre),
      ),
      body: Container(
        child: Center(
          child: _foto.tipo == 0
              ? Image.network("http://....../appturismo/public/img/foto/" +
                  _foto.urlfoto)
              : ....
        ),
      ),
    );
  }
}

128 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