[Flutter] SingleChildScrollView 위젯

2024. 11. 7. 09:29·Flutter
  • 스크롤을 제공하기 위해 사용되는 위젯
  • 수직/수평 스크롤을 지정하고자 할 경우, 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
'Flutter' 카테고리의 다른 글
  • [Flutter] 플러터 기본기 다지기 - 3 (Form 위젯)
  • [Flutter] 앱 레퍼런스 참고하여 Flutter로 화면 구현하기 2
  • [Flutter] 앱 레퍼런스 참고하여 Flutter로 화면 구현하기
  • [Flutter] 텍스트 폰트 설정하기
미로910
미로910
개발자를 꿈꾸는 민경이의 기록 블로그
  • 미로910
    개발 note
    미로910
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 설치 메뉴얼
      • HTML
      • JAVA
        • Java 기초
        • Java 응용
        • 자료구조
        • HTTP
        • JSP 프로그래밍
      • MySQL
        • MySQL 기본
        • 1일 1쿼리
      • CSS
      • Spring boot
      • JS
        • 게시판 만들기
      • Git
      • Flutter
        • MVVM 활용
        • 심화 버전
        • 1일 1 Flutter
      • 디자인 패턴의 활용
      • error note
      • My Project
        • [졸작] LLM 기반 특허 유사도 분석 시스템
        • 도서 관리 프로그램 (final project)
        • amigo
        • 친구 매칭 프로그램(FMP)
      • Python
      • 딥러닝
      • 네트워크
      • 공부 노트
        • 연구회
        • 자료구조
      • 기타
  • 블로그 메뉴

    • 홈
    • 전체보기
    • -----------------------
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Flutter
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
미로910
[Flutter] SingleChildScrollView 위젯
상단으로

티스토리툴바