Scroll Function In Flutter Web

Question

I'm still new to Flutter Web. I have 3 lines in my flutter web, the first line is the welcome message, the second line is a product and the last is contact, to see those lines user needs to do a scroll on my web. But how can I wrap my code using the Scroll function in flutter web? this is my code.

 class HomeScreen extends StatelessWidget { const HomeScreen({Key? key}) : super(key: key); @override Widget build(BuildContext context) { Size size = MediaQuery.of(context).size; return Scaffold( body: Column( children: [ Container( // Code Line 1 height: size.height, width: size.width, decoration: BoxDecoration( image: DecorationImage( image: AssetImage("assets/images/container.jpg"), fit: BoxFit.fitWidth), ), child: Column( crossAxisAlignment: CrossAxisAlignment.center, children: <Widget>[ CusAppBar(), Spacer(), Body(), Spacer( flex: 1, ), ], ), ), Container( // Code Line 2 Here ), Container( // Code Line 3 Here ) ], ), ); } }

My background is react, usually we just use tag ScrollView outside the container so the user can scroll the page. But how I can implement it on flutter web?

Thank you.

Ravindra S. Patil · Accepted Answer · 2021-08-04 06:40:10Z

11

Try to add your fist Column inside SingleChildScrollView like below hope it help you:

body: SingleChildScrollView( child:Column( children:[ //Declare Your Widgets Here ], ), ),

answered Aug 4, 2021 at 6:40

Ravindra S. Patil

15.3k5 gold badges22 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zeke Over a year ago

I Accept it but I can't upvote cus I don't have enough reputation. sorry.

Collectives™ on Stack Overflow

Scroll Function In Flutter Web

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related