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
'Flutter' 카테고리의 다른 글
플러터 기본기 다지기 - 3 (Form 위젯) (0) | 2024.11.13 |
---|---|
플러터 기본기 다지기 - 2 (2) | 2024.11.12 |
기초적인 Flutter 화면을 구성하는 패턴 (1) | 2024.11.06 |
플러터 기본기 다지기 - 1 (1) | 2024.11.05 |
Flutter UI 프레임워크 (4) | 2024.11.05 |