Files
sf-app-platform/lib/payments/view/screens/login_screen.dart

98 lines
3.3 KiB
Dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:sf_app_platform/payments/view/screens/dashboard_screen.dart';
import 'package:sf_app_platform/payments/view/screens/loading_google_screen.dart';
import 'package:sf_app_platform/payments/view/screens/restore_password/restore_password_screen.dart';
class LoginScreen extends StatefulWidget {
@override
State<StatefulWidget> createState() => LoginScreenState();
}
class LoginScreenState extends State<LoginScreen>{
bool passwordVisible = false;
@override
void initState(){
super.initState();
passwordVisible = true;
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Expanded(child: Center(
child: Container(
margin: EdgeInsets.all(30),
child: Column(
spacing: 10,
children: [
Icon(Icons.check, color: Color(0xFF329e95), size: 50),
Text("¡Te damos la bienvenida!", style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),),
TextField(
decoration: InputDecoration(
hintText: "Nombre de usuario",
labelText: "Nombre de usuario",
border: OutlineInputBorder(),
),
),
TextField(
obscureText: passwordVisible,
enableSuggestions: false,
autocorrect: false,
decoration: InputDecoration(
labelText: "Contraseña",
hintText: "********",
border: OutlineInputBorder(),
suffixIcon: IconButton(
icon: Icon(passwordVisible
? Icons.visibility
: Icons.visibility_off),
onPressed: () {
setState(() {
passwordVisible = !passwordVisible;
});
},
),
)
),
TextButton(
onPressed: ()=>Navigator.push(context, MaterialPageRoute(builder: (_)=>RestorePasswordScreen())),
child: Text("¿Has olvidado la contraseña?")
),
FilledButton(
onPressed: ()=>Navigator.push(context, MaterialPageRoute(builder: (_)=>DashboardScreen())),
child: Text("Iniciar sesión")
),
Stack(
children: [
Divider(),
Text("o continúa con"),
],
),
Row(
spacing: 20,
children: [
OutlinedButton(
onPressed: ()=>Navigator.push(context, MaterialPageRoute(builder: (_)=>LoadingGoogleScreen())),
child: Text("Google", semanticsLabel: "Google")
),
OutlinedButton(
onPressed: ()=>{},
child: Icon(Icons.apple, semanticLabel: "Apple")
)
],
),
Text("¿No tienes cuenta?"),
TextButton(onPressed: ()=>{}, child: Text("Crear una ahora"))
],
),
),
)),
);
}
}