130 lines
4.4 KiB
Dart
130 lines
4.4 KiB
Dart
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:intl_phone_field/intl_phone_field.dart';
|
|
import 'package:prosappco/screens/authentication/sign_screen.dart';
|
|
|
|
class WelcomeScreen extends StatelessWidget {
|
|
const WelcomeScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
double width = MediaQuery.of(context).size.width;
|
|
|
|
return Scaffold(
|
|
backgroundColor: Theme.of(context).colorScheme.surface,
|
|
body: Column(
|
|
children: [
|
|
Container(
|
|
color: Theme.of(context).colorScheme.tertiary,
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 20),
|
|
Center(
|
|
child: Image(
|
|
width: width * 0.7,
|
|
image: const AssetImage('images/logo_prosapp.png'),
|
|
),
|
|
),
|
|
const SizedBox(height: 20),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: Text(
|
|
'Iniciar sesión',
|
|
style: TextStyle(
|
|
// fontSize: 30,
|
|
fontSize: width * 0.08,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
const SizedBox(height: 10),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: Text(
|
|
'Numero de celular',
|
|
style: TextStyle(
|
|
fontSize: width * 0.045,
|
|
color: Theme.of(context).colorScheme.onBackground,
|
|
),
|
|
),
|
|
),
|
|
Form(
|
|
child: IntlPhoneField(
|
|
initialCountryCode: 'CO',
|
|
keyboardType: TextInputType.number,
|
|
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
|
|
),
|
|
),
|
|
Text(
|
|
'Un código será enviado a este numero de celular.',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 13.0,
|
|
color: Theme.of(context).colorScheme.onBackground,
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
Navigator.push(
|
|
context,
|
|
CupertinoPageRoute(
|
|
builder: (context) => SignScreen(initialIndex: 0),
|
|
),
|
|
);
|
|
},
|
|
child: Text(
|
|
'Inicia sesión con tu correo electrónico',
|
|
style: TextStyle(
|
|
fontSize: width * 0.04,
|
|
),
|
|
),
|
|
),
|
|
RichText(
|
|
text: TextSpan(
|
|
style: const TextStyle(
|
|
fontSize: 16.0,
|
|
color: Color(0xFF65676B),
|
|
fontFamily: 'Poppins',
|
|
),
|
|
children: [
|
|
const TextSpan(text: '¿No estás registrado? '),
|
|
TextSpan(
|
|
text: 'Regístrate',
|
|
style: TextStyle(
|
|
fontSize: width * 0.04,
|
|
color: Colors.blue,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
recognizer: TapGestureRecognizer()
|
|
..onTap = () {
|
|
Navigator.push(
|
|
context,
|
|
CupertinoPageRoute(
|
|
builder: (context) =>
|
|
SignScreen(initialIndex: 1),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|