본문 바로가기

Flutter

SingleChildScrollView 위젯

SingleChildScrollView 위젯

  • 스크롤을 제공하기 위해 사용되는 위젯
  • 수직/수평 스크롤을 지정하고자 할 경우, scrollDirection 속성값을 설정할 수 있음
    • scrollDirection: Axis.vertical (수직)
    • scrollDirection: Axis.horizontal (수평)
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}


class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          title: Text('Scrollable Example'),
        ),
        body: SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch ,
            children: [
              Container(
                color: Colors.red,
                height: 1000,
                child: Text('Headedr'),
              ),
              Container(
                color: Colors.red,
                height: 1000,
                child: Text('Footer'),
              )
            ],
          ),
        ),
      ),
    );
  }
}

 

728x90