- 스크롤을 제공하기 위해 사용되는 위젯
- 수직/수평 스크롤을 지정하고자 할 경우, scrollDirection 속성값을 설정할 수 있음
- scrollDirection: Axis.vertical (수직)
- scrollDirection: Axis.horizontal (수평)
import 'dart:ffi';
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] 플러터 기본기 다지기 - 3 (Form 위젯) (0) | 2024.11.11 |
---|---|
[Flutter] 앱 레퍼런스 참고하여 Flutter로 화면 구현하기 2 (0) | 2024.11.07 |
[Flutter] 앱 레퍼런스 참고하여 Flutter로 화면 구현하기 (1) | 2024.11.06 |
[Flutter] 텍스트 폰트 설정하기 (0) | 2024.11.06 |
[Flutter] 이미지 삽입하기 (0) | 2024.11.06 |