0% found this document useful (0 votes)
15 views7 pages

Taller Práctico Imágenes

Uploaded by

Lizeth Delgado
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views7 pages

Taller Práctico Imágenes

Uploaded by

Lizeth Delgado
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Taller práctico imágenes

import 'package:flutter/material.dart';
import 'package:fgonzalezflutter/src/homepage/homepage.dart';
import 'package:fgonzalezflutter/src/utils/MyColors.dart';

class loginpage extends StatefulWidget {


const loginpage({Key? key}) : super(key: key);

@override
State<loginpage> createState() => _loginpageState();
}

class _loginpageState extends State<loginpage> {


@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
width: double.infinity,
padding: EdgeInsets.symmetric(horizontal: 40.0, vertical: 150.0),
child: Column(
children: [
Image.asset(
'assets/img/JETBONLOGO.png',
width: 200,
height: 250,
),
const Text(
'conoce todo bogota\n\n',
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.black,
fontFamily: 'Mexicana',
),
),

SizedBox(height: 30), // Añadimos espacio entre la imagen y


los campos de texto
TextField(
decoration: InputDecoration(
hintText: 'Correo Electrónico',
prefixIcon: Icon(Icons.email),
filled: true,
fillColor: Colors.grey[200], // Color de fondo del campo
de texto
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide.none, // Sin borde
),
),
),
SizedBox(height: 10), // Añadimos espacio entre los campos de
texto
TextField(
decoration: InputDecoration(
hintText: 'Contraseña',
prefixIcon: Icon(Icons.lock),
filled: true,
fillColor: Colors.grey[200], // Color de fondo del campo
de texto
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide.none, // Sin borde
),
),
obscureText: true, // Ocultar texto para la contraseña
),
SizedBox(height: 20), // Añadimos espacio entre el campo de
contraseña y el botón
ElevatedButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => homepage()),
);
},
style: ElevatedButton.styleFrom(
padding: EdgeInsets.symmetric(horizontal: 80, vertical:
15),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
child: Text('Ingresar'),
),
],
),
),
);
}
}
import 'package:flutter/material.dart';
import 'package:fgonzalezflutter/src/login/loginpage.dart';
import
'package:fgonzalezflutter/src/menurestaurante/menurestaurante.dart';
import 'package:fgonzalezflutter/src/menuvuelos/menuvuelos.dart';
import
'package:fgonzalezflutter/src/menuguiaturistico/menuguiaturistico.dart';
import 'package:fgonzalezflutter/src/utils/MyColors.dart';
import 'package:fgonzalezflutter/src/menuservicios/menuservicios.dart';

class homepage extends StatefulWidget {


const homepage({Key? key}) : super(key: key);

@override
State<homepage> createState() => _homepageState();
}

class _homepageState extends State<homepage> {


@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Home"),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(height: 1), // Ajusta la distancia entre el texto y
las imágenes

Text(
'Bienvenidos a jetBoom a donde vamos hoy?',
textAlign: TextAlign.center,
style: TextStyle(fontSize: 24.0,
fontFamily: 'Cocogoose',
),
),

SizedBox(height: 90), // Ajusta la distancia entre el texto y


las imágenes
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) =>
menuservicios()),
);
},
child: Image.asset(
'assets/img/serviciosf2.jpg',
width: 150,
height: 150,
),
),

GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) =>
menurestaurante()),
);
},
child: Image.asset(
'assets/img/albumrf2.jpg',
width: 150,
height: 150,
),
),
],
),
SizedBox(height: 20), // Ajusta la distancia entre las dos
filas de imágenes
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) =>
menuvuelos()),
);
},
child: Image.asset(
'assets/img/retosf2.jpg',
width: 150,
height: 150,
),
),
GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) =>
menuguiaturistico()),
);
},
child: Image.asset(
'assets/img/PQRsf.jpg',
width: 150,
height: 150,
),
),
],
),
],
),
),
);
}
}

You might also like