SignUp.dart

import 'package:flutter/material.dart';

import 'Clip.dart';

class SignUpPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        height: double.infinity,
        color: Colors.black,
        child: Container(
          child: SingleChildScrollView(
            child: Column(
              children: <Widget>[
                ClipPath(
                  clipper: CustomShapeClipper(),
                  child: Container(
                    height: 400,
                    color: Colors.orange,
                  ),
                ),
                _SignUpForm(),
                //_signUpTextFields(context)
              ],
            ),
          ),
        ),
      ),
    );
  }
}

class _SignUpForm extends StatefulWidget {
  @override
  __SignUpFormState createState() => __SignUpFormState();
}

class __SignUpFormState extends State<_SignUpForm> {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(15),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Text(
            'Create Individual Account',
            style: TextStyle(color: Colors.white, fontSize: 22),
            textAlign: TextAlign.center,
          ),
          TextField(
            style: TextStyle(color: Colors.white),
            decoration: new InputDecoration(
              prefixIcon: Icon(
                Icons.person,
                color: Colors.white,
              ),
              hintText: "First Name",
              //labelText: "First Name",
              hintStyle: new TextStyle(color: Colors.white),
              enabledBorder: new UnderlineInputBorder(
                borderSide: new BorderSide(color: Colors.white),
              ),
              focusedBorder: new UnderlineInputBorder(
                borderSide:
                new BorderSide(color: Colors.white, style: BorderStyle.solid),
              ),
            ),
          ),
          TextField(
            style: TextStyle(color: Colors.white),
            decoration: new InputDecoration(
              prefixIcon: Icon(
                Icons.person,
                color: Colors.white,
              ),
              hintText: "Last Name",
              //labelText: "First Name",
              hintStyle: new TextStyle(color: Colors.white),
              enabledBorder: new UnderlineInputBorder(
                borderSide: new BorderSide(color: Colors.white),
              ),
              focusedBorder: new UnderlineInputBorder(
                borderSide:
                new BorderSide(color: Colors.white, style: BorderStyle.solid),
              ),
            ),
          ),
          TextField(
              style: TextStyle(color: Colors.white),
              decoration: new InputDecoration(
                prefixIcon: Icon(
                  Icons.email,
                  color: Colors.white,
                ),
                hintText: "Email",
                //labelText: "First Name",
                hintStyle: new TextStyle(color: Colors.white),
                enabledBorder: new UnderlineInputBorder(
                  borderSide: new BorderSide(color: Colors.white),
                ),
                focusedBorder: new UnderlineInputBorder(
                  borderSide: new BorderSide(
                      color: Colors.white, style: BorderStyle.solid),
                ),
              )),
          TextField(
            style: TextStyle(color: Colors.white),
            decoration: new InputDecoration(
              prefixIcon: Icon(
                Icons.lock,
                color: Colors.white,
              ),
              hintText: "Password",
              //labelText: "First Name",
              hintStyle: new TextStyle(color: Colors.white),
              enabledBorder: new UnderlineInputBorder(
                borderSide: new BorderSide(color: Colors.white),
              ),
              focusedBorder: new UnderlineInputBorder(
                borderSide:
                new BorderSide(color: Colors.white, style: BorderStyle.solid),
              ),
            ),
          ),
          TextField(
            style: TextStyle(color: Colors.white),
            decoration: new InputDecoration(
              prefixIcon: Icon(
                Icons.lock,
                color: Colors.white,
              ),
              hintText: "Confirm Password",
              //labelText: "First Name",
              hintStyle: new TextStyle(color: Colors.white),
              enabledBorder: new UnderlineInputBorder(
                borderSide: new BorderSide(color: Colors.white),
              ),
              focusedBorder: new UnderlineInputBorder(
                borderSide:
                new BorderSide(color: Colors.white, style: BorderStyle.solid),
              ),
            ),
          ),
          TextField(
            style: TextStyle(color: Colors.white),
            decoration: new InputDecoration(
              prefixIcon: Icon(
                Icons.phone_android,
                color: Colors.white,
              ),
              hintText: "Phone Number",
              //labelText: "First Name",
              hintStyle: new TextStyle(color: Colors.white),
              enabledBorder: new UnderlineInputBorder(
                borderSide: new BorderSide(color: Colors.white),
              ),
              focusedBorder: new UnderlineInputBorder(
                borderSide:
                new BorderSide(color: Colors.white, style: BorderStyle.solid),
              ),
            ),
          ),
        ],
      ),
    );
  }
}