Register login

// Some code
class Lesson04b extends StatefulWidget {
  const Lesson04b({super.key});

  @override
  State<Lesson04b> createState() => _Lesson04bState();
}

class _Lesson04bState extends State<Lesson04b> {
  bool password = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        height: double.infinity,
        width: double.infinity,
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: [Color(0xFF2567E8), Color(0xFF1CE6DA)],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
          ),
        ),
        child: Container(
          height: double.infinity,
          width: double.infinity,
          margin: EdgeInsets.only(
            left: 16,
            right: 16,
            top: 75,
            bottom: 65,
          ),
          padding: EdgeInsets.all(24),
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(12),
          ),

          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              IconButton(
                onPressed: () {

                  Navigator.pop(context);

                },
                icon: Icon(Icons.arrow_back),
              ),
              Text('Sign up'),
              Row(
                children: [
                  Text('Already have an account?'),
                  TextButton(onPressed: () {}, child: Text('Login')),
                ],
              ),
              Text('Phone number'),
              TextField(
                keyboardType: TextInputType.phone,
                decoration: InputDecoration(
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                  enabledBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                    borderSide: BorderSide(color: Color(0xFFEDF1F3)),
                  ),
                  focusedBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                    borderSide: BorderSide(color: Color(0xFF1D61E7)),
                  ),
                  prefixIcon: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      SizedBox(
                        width: 10,
                      ),
                      Image.asset('assets/box.png'),
                      SizedBox(
                        width: 10,
                      ),
                      Icon(Icons.keyboard_arrow_down),
                      SizedBox(
                        width: 10,
                      ),
                      Container(
                        height: 60,
                        width: 1,
                        color: Color(0xFFEDF1F3),
                      ),
                    ],
                  ),
                ),
              ),
              SizedBox(
                height: 30,
              ),
              Text('Set password'),
              TextField(
                obscureText: password,
                decoration: InputDecoration(
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                  enabledBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                    borderSide: BorderSide(color: Color(0xFFEDF1F3)),
                  ),
                  focusedBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                    borderSide: BorderSide(color: Color(0xFF1D61E7)),
                  ),
                  suffixIcon: IconButton(
                    onPressed: () {
                      setState(() {
                        password = !password;
                      });
                    },
                    icon: Icon(Icons.visibility_off),
                  ),
                ),
              ),
              SizedBox(
                height: 50,
              ),

              ElevatedButton(
                onPressed: () {},
                style: ElevatedButton.styleFrom(
                  backgroundColor: Color(0xFF1D61E7),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                  minimumSize: Size(double.infinity, 48),
                ),
                child: Text(
                  'Register',
                  style: TextStyle(color: Colors.white),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

// Some code
class Lesson04c extends StatefulWidget {
  const Lesson04c({super.key});

  @override
  State<Lesson04c> createState() => _Lesson04cState();
}

class _Lesson04cState extends State<Lesson04c> {
  bool password = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        height: double.infinity,
        width: double.infinity,
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: [Color(0xFF2567E8), Color(0xFF1CE6DA)],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
          ),
        ),
        child: Column(
          children: [
            SizedBox(
              height: 60,
            ),
            Text(
              'Logo',
              style: TextStyle(fontSize: 40),
            ),
            Container(
              height: 600,
              width: double.infinity,
              margin: EdgeInsets.only(right: 16, left: 16),
              padding: EdgeInsets.all(24),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(12),
              ),

              child: Column(
                children: [
                  Text('Login'),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text("Don't have an account?"),
                      TextButton(
                        onPressed: () {
                          Navigator.push(
                            context,
                            MaterialPageRoute(
                              builder: (context) => Lesson04b(),
                            ),
                          );
                        },
                        child: Text('Sign up'),
                      ),
                    ],
                  ),
                  Text('Email'),
                  TextField(
                    keyboardType: TextInputType.phone,
                    decoration: InputDecoration(
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                      enabledBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                        borderSide: BorderSide(
                          color: Color(0xFFEDF1F3),
                        ),
                      ),
                      focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                        borderSide: BorderSide(
                          color: Color(0xFF1D61E7),
                        ),
                      ),
                      prefixIcon: Row(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          SizedBox(
                            width: 10,
                          ),
                          Image.asset('assets/box.png'),
                          SizedBox(
                            width: 10,
                          ),
                          Icon(Icons.keyboard_arrow_down),
                          SizedBox(
                            width: 10,
                          ),
                          Container(
                            height: 60,
                            width: 1,
                            color: Color(0xFFEDF1F3),
                          ),
                        ],
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 30,
                  ),
                  Text('Password'),
                  TextField(
                    obscureText: password,
                    decoration: InputDecoration(
                      border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                      enabledBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                        borderSide: BorderSide(
                          color: Color(0xFFEDF1F3),
                        ),
                      ),
                      focusedBorder: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(10),
                        borderSide: BorderSide(
                          color: Color(0xFF1D61E7),
                        ),
                      ),
                      suffixIcon: IconButton(
                        onPressed: () {
                          setState(() {
                            password = !password;
                          });
                        },
                        icon: Icon(Icons.visibility_off),
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 50,
                  ),

                  ElevatedButton(
                    onPressed: () {},
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Color(0xFF1D61E7),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                      minimumSize: Size(double.infinity, 48),
                    ),
                    child: Text(
                      'Login',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}