If you want to make a column screen scrollable in Flutter? Use the below flutter code to make a column screen scrollable.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 | class Home extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( body: Center( child: ListView( shrinkWrap: true, padding: EdgeInsets.all(15.0), children: <Widget>[ Center( child: Card( elevation: 8.0, child: Container( padding: EdgeInsets.all(10.0), child: Column( children: <Widget>[ TextField( decoration: InputDecoration( prefixIcon: Icon(Icons.person), labelText: "Username or Email", ), ), SizedBox( height: 15.0, ), TextField( decoration: InputDecoration( prefixIcon: Icon(Icons.lock), labelText: "Password", ), ), SizedBox( height: 15.0, ), Material( borderRadius: BorderRadius.circular(30.0), //elevation: 5.0, child: MaterialButton( onPressed: () => {}, minWidth: 150.0, height: 50.0, color: Color(0xFF179CDF), child: Text( "LOGIN", style: TextStyle( fontSize: 16.0, color: Colors.white, ), ), ), ) ], ), ), ), ), SizedBox( height: 25.0, ), Row( children: <Widget>[ Expanded(child: Text("Don't Have a Account?")), Text("Sign Up", style: TextStyle( color: Colors.blue, )), ], ), ], ), ), bottomNavigationBar: Padding( padding: EdgeInsets.all(10.0), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Expanded( child: RaisedButton( padding: EdgeInsets.all(15.0), onPressed: () {}, color: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular( 32.0, ), side: BorderSide(color: Color(0xFF179CDF))), child: Text( "SKIP SIGN UP FOR NOW", style: TextStyle(fontSize: 18.0, color: Color(0xFF179CDF)), ), )), ], ), ), ); } } |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.