ciudad

2023-04-03 14:28:58 -05:00
parent 210b479cde
commit 9656a85090
6 changed files with 266 additions and 82 deletions
@@ -0,0 +1,106 @@
+import 'package:flutter/material.dart';
+import 'package:intl_phone_field/intl_phone_field.dart';
+
+class NewNumberScreen extends StatefulWidget {
+  const NewNumberScreen({super.key});
+
+  @override
+  State<NewNumberScreen> createState() => _NewNumberScreenState();
+}
+
+class _NewNumberScreenState extends State<NewNumberScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+        child: Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar: AppBar(
+          backgroundColor: Colors.white,
+          iconTheme: IconThemeData(
+            color: Colors.black,
+          ),
+          title: Text(
+            'Añadir numero',
+            style: TextStyle(
+              color: Colors.black,
+            ),
+          )),
+      body: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20),
+        margin: const EdgeInsets.only(top: 30, left: 50, right: 50),
+        child: Column(children: [
+          const Padding(
+              padding: EdgeInsets.only(bottom: 5),
+              child: Align(
+                alignment: Alignment.topLeft,
+                child: Text('Numero de celular',
+                    style: TextStyle(fontSize: 18.0, color: Color(0xFF65676B))),
+              )),
+          Form(
+            // key: _formKey,
+            child: Padding(
+              padding: EdgeInsets.only(bottom: 5),
+              child: IntlPhoneField(
+                // controller: controller.phoneNo,
+                initialCountryCode: 'CO',
+                // onChanged: (phoneNo) {
+                //   completePhoneNumber = phoneNo.completeNumber;
+                // },
+                decoration: InputDecoration(
+                  enabledBorder: OutlineInputBorder(
+                      borderSide: BorderSide(color: Color(0xFFECECEC)),
+                      borderRadius: BorderRadius.all(
+                        Radius.circular(50),
+                      )),
+                  focusedBorder: OutlineInputBorder(
+                      borderSide: BorderSide(color: Color(0xFFECECEC)),
+                      borderRadius: BorderRadius.all(
+                        Radius.circular(50),
+                      )),
+                  fillColor: Color.fromARGB(255, 239, 239, 239),
+                  filled: true,
+                ),
+              ),
+            ),
+          ),
+          const Padding(
+            padding: EdgeInsets.only(bottom: 30),
+            child: Text('Un código será enviado a este numero de celular.',
+                textAlign: TextAlign.center,
+                style: TextStyle(fontSize: 13.0, color: Color(0xFF65676B))),
+          ),
+          Padding(
+            padding: EdgeInsets.only(bottom: 30),
+            child: Center(
+                child: ElevatedButton(
+              onPressed: () {
+                // if (_formKey.currentState!.validate()) {
+                //   PhoneAuthController.instance.phoneAuthentication(
+                //     completePhoneNumber.trim(),
+                //   );
+                //   Get.to(() => const CodeValidationScreen());
+                // }
+              },
+              child: Text(
+                'Enviar código',
+                style: TextStyle(
+                  color: Colors.white,
+                  fontWeight: FontWeight.bold,
+                  fontSize: 18,
+                ),
+              ),
+              style: ElevatedButton.styleFrom(
+                primary: Color(0xFF2BA4EC), // Color del botón
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(50), // Bordes redondeados
+                ),
+                elevation: 0,
+                minimumSize: Size(230, 60), // Tamaño mínimo del botón
+              ),
+            )),
+          ),
+        ]),
+      ),
+    ));
+  }
+}