팡세영
Log sey
팡세영
전체 방문자
오늘
어제
  • 분류 전체보기 (82)
    • PS (45)
      • programmers (13)
      • 백준 (29)
    • Android (16)
    • Daily (0)
    • Kotlin (6)
    • Design Pattern (3)
    • Java (1)
    • Flutter (3)
    • 책 리뷰 (1)
      • 클린 아키텍처 (1)
    • 공식문서 읽기 운동 (4)
      • Flutter (4)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • BFS
  • 실버
  • programmers #프로그래머스
  • ArcitecturePattern
  • flutter
  • 정렬
  • 백준
  • DFS
  • 단일책임원칙
  • 하단네비게이션바
  • 플러터
  • 문자열
  • 구현
  • 클린아키텍처
  • CustomView
  • 공식문서
  • LEVEL2
  • Kotlin
  • 해쉬맵
  • TestCode
  • vercel
  • 골드
  • mvvm
  • 자바
  • java
  • 데이터계층
  • Android
  • 안드로이드
  • 완전탐색
  • 프로그래머스

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
팡세영

Log sey

카테고리 없음

Flutter - Scaffold

2024. 4. 24. 17:36

Scaffold 위젯은 앱의 기본적인 시각적 레이아웃 구조를 제공하는데 중요한 요소 중 하나이다.

Scaffold는 Material Design 가이드라인을 따르며 대표적인 구성 요소는 아래와 같다.

  • AppBar (상단 앱 바)
  • BottomNavigationBar (하단 탭 바)
  • Drawer (메뉴)
  • body (본문

간단한 예제

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Scaffold Example'),
        ),
        body: Center(
          child: Text('Hello, World!'),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // 버튼이 눌렸을 때 실행할 코드
            print('FloatingActionButton Pressed');
          },
          child: Icon(Icons.add),
        ),
        drawer: Drawer(
          child: ListView(
            // Drawer 내부의 항목들
            children: <Widget>[
              DrawerHeader(
                child: Text('Drawer Header'),
                decoration: BoxDecoration(
                  color: Colors.blue,
                ),
              ),
              ListTile(
                title: Text('Item 1'),
                onTap: () {
                  // 항목을 탭했을 때 실행할 코드
                  Navigator.pop(context);
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}
    팡세영
    팡세영
    Android, CS, PS

    티스토리툴바