Untitled

import 'package:flutter/material.dart';

class MyTry extends StatelessWidget {
  const MyTry({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          toolbarHeight: 72,
          elevation: 0,
          backgroundColor: Color.fromARGB(255, 35, 37, 48),
        ),
        body: Container(
          color: Color.fromARGB(255, 35, 37, 48),
          child: Padding(
            padding: _PaddingItems._horizontalPadding,
            child: Column(
              children: [
                SizedBox(
                  child: Text(
                    'Sign up Account',
                    style: Theme.of(context).textTheme.headline5?.copyWith(
                        fontWeight: FontWeight.w500,
                        color: Colors.white,
                        letterSpacing: 1),
                    textAlign: TextAlign.center,
                  ),
                ),
                SizedBox(
                  height: 30,
                  child: Center(
                    child: Text(
                      'Discover your social & Try to sign up',
                      style: Theme.of(context).textTheme.bodyText2?.copyWith(
                          fontWeight: FontWeight.w500,
                          fontSize: 14,
                          color: Color.fromARGB(255, 72, 74, 83)),
                      textAlign: TextAlign.center,
                    ),
                  ),
                ),
                Padding(
                  padding: _PaddingItems._top2Padding,
                  child: Row(
                    children: [
                      _BoxShape._smallBox,
                      Padding(
                        padding: _PaddingItems._leftPadding,
                        child: _BoxShape._smallBox,
                      )
                    ],
                  ),
                ),
                Padding(
                  padding: _PaddingItems._topPadding,
                  child: _BoxShape._bigBox,
                ),
                Padding(
                  padding: _PaddingItems._topPadding,
                  child: _BoxShape._bigBox,
                ),
                Padding(
                  padding: _PaddingItems._topPadding,
                  child: _BoxShape._bigBox,
                ),
                Padding(
                  padding: _PaddingItems._topPadding,
                  child: ElevatedButton(
                      style: ElevatedButton.styleFrom(
                          shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(10)),
                          backgroundColor: Color.fromARGB(255, 26, 122, 201)),
                      onPressed: () {},
                      child: SizedBox(
                        width: 365,
                        height: 50,
                        child: Center(
                            child: Text(
                          'Create Account',
                          style: Theme.of(context)
                              .textTheme
                              .subtitle1
                              ?.copyWith(fontSize: 18),
                        )),
                      )),
                ),
                Padding(
                  padding: _PaddingItems._topPadding,
                  child: Row(children: [
                    Expanded(
                      child: Container(
                          margin:
                              const EdgeInsets.only(left: 10.0, right: 20.0),
                          child: Divider(
                            color: Color.fromARGB(255, 99, 101, 107),
                            height: 36,
                          )),
                    ),
                    Text('Or Sign in with',
                        style: TextStyle(
                            color: Color.fromARGB(255, 99, 101, 107))),
                    Expanded(
                      child: Container(
                          margin:
                              const EdgeInsets.only(left: 20.0, right: 10.0),
                          child: Divider(
                            color: Color.fromARGB(255, 99, 101, 107),
                            height: 36,
                          )),
                    ),
                  ]),
                ),
                Padding(
                  padding: _PaddingItems._topPadding,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      SizedBox(
                          width: 40,
                          height: 40,
                          child: FloatingActionButton(
                            onPressed: () {},
                            backgroundColor: Colors.white,
                            child: Image.asset(
                              "assets/facebook.png",
                              width: 20,
                            ),
                          )),
                      Padding(
                          padding: _PaddingItems._leftPadding,
                          child: SizedBox(
                            width: 40,
                            height: 40,
                            child: FloatingActionButton(
                              onPressed: () {},
                              backgroundColor: Colors.white,
                              child: Image.asset(
                                "assets/google.png",
                                width: 20,
                              ),
                            ),
                          )),
                      Padding(
                        padding: _PaddingItems._leftPadding,
                        child: SizedBox(
                            width: 40,
                            height: 40,
                            child: FloatingActionButton(
                              onPressed: () {},
                              backgroundColor: Colors.white,
                              child: Icon(Icons.apple),
                            )),
                      )
                    ],
                  ),
                )
              ],
            ),
          ),
        ));
  }
}

class _BoxShape {
  static final _smallBox = Container(
      width: 170,
      height: 50,
      decoration: BoxDecoration(
          color: Color.fromARGB(255, 47, 50, 63),
          borderRadius: BorderRadius.circular(10)));

  static final _bigBox = Container(
      width: 365,
      height: 50,
      decoration: BoxDecoration(
          color: Color.fromARGB(255, 47, 50, 63),
          borderRadius: BorderRadius.circular(10)));
}

class _PaddingItems {
  static final EdgeInsets _leftPadding = EdgeInsets.only(left: 20);
  static final EdgeInsets _horizontalPadding =
      EdgeInsets.symmetric(horizontal: 25);
  static final EdgeInsets _topPadding = EdgeInsets.only(top: 20);
  static final EdgeInsets _top2Padding = EdgeInsets.only(top: 30);
}

class _ButtonShape {
  static final _createButton = ElevatedButton(
      onPressed: () {},
      child: SizedBox(
        width: 365,
        height: 60,
      ));
}