FLUTTER LOGIN & REGISTER UI DESIGN MAIN PAGE

                               FLUTTER  LOGIN & REGISTER  UI DESIGN PAGE

*Today i learn how to create  Login & Register page

*First  create appbar widgite in type Title given the text name for(login & Register)the title name.

Appbar sample code: 

  appBar: AppBar(
    title: Center(child: Text('LOGIN & REGISTER')),
  ),

*Next create body widgets type(Column,SizedBox,RaisedButton,child,Text)for

I used widgets one by one face the problems.

*I created Raisedbutton there are two buttons login & Register. 

This is Body type Code: 

body: Center(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      SizedBox(
        height: 50,
        width: 140,
        child: RaisedButton(
          textColor: Colors.white,
          color: Colors.blue,
          child: Text('Login'),
          onPressed: () {
            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (context) => loginpage(),
              ),
            );
          },
        ),
      ),
      SizedBox(
        height: 40,
      ),
      SizedBox(
        height: 50,
        width: 140,
        child: RaisedButton(
          textColor: Colors.white,
          color: Colors.blue,
          child: Text('Register'),
          onPressed: () {
            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (context) => Regestpage(),
              ),
            );
          },
        ),
      ),
    ],
  ),
),

OUTPUT: