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,
),
),
],
),
],
),
),
);
}
}
