CODEWITHSUNDEEP
flutter
Sircorvo
Sircorvo

Reputation: 1

Making a scrollable page in Flutter

so I'm trying to make a registration page with multi fields for name and password and email etc. my problem is that i couldn't make the page scrollable, can please help me with fixing that I just want the page to be scrollable Here is my Code :

class InstRegisterPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
              colors: [Color(0x47705C53), Color(0x9E36251D)],
              stops: [0.1, 0.9],
              begin: Alignment.topRight,
              end: Alignment.bottomLeft,
            ),
          ),
          child: Column(
            children: [
              Container(
                child: wLogo(),
              ),
              SizedBox(
                height: 75,
              ),
              Expanded(
                child: Container(
                  decoration: BoxDecoration(
                    color: Color(0xFFF7F6F5),
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(26),
                        topRight: Radius.circular(26)),
                  ),
                  child: Column(
                    children: [
                      SizedBox(
                        height: 15,
                      ),
                      CSfield('Particpent Name',''),
                      CSfieldEmail('Email',''),
                      CSfield('Password',''),
                      CSPasswordFiled('Phone Number',''),
                      CSButton(),
                    ],
                  ),
                ),
              )
            ],
          ),
          //child: InstHomePageWidgets(),
        ),
      ),
    );
  }
}

Upvotes: 0

Views: 45

Answers (2)

zafercaliskan
zafercaliskan

Reputation: 86

You can check the page here to see all the scrollable widgets.

Also if the keyboard is pushes content up you can check this page

Upvotes: 0

quoci
quoci

Reputation: 3557

You can wrap your Column with a SingleChildScrollView to make it scrollable.

SingleChildScrollView(
  child: Column(
    children: [...]
  ),
)

Upvotes: 1

Related Questions