본문으로 바로가기

SingleChildScrollView 위젯

category Flutter 2024. 11. 12. 09:10

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'),
              )
            ],
          ),
        ),
      ),
    );
  }
}

 

 

'Flutter' 카테고리의 다른 글

Flutter 기본설정  (0) 2024.11.14
Flutter 와 Material 디자인 활용  (1) 2024.11.13
플러터의 기본  (2) 2024.11.05
Flutter UI 프레임워크  (2) 2024.11.05
컬렉션(자료구조)  (1) 2024.09.03