FLUTTER ECOSYSTEM

bizz84/layout-demo-flutter

매우 유용한 Flutter 레이아웃 - 바로 당신의 주머니 안에 있습니다. 😉

GitHub에서 보기 ↗

layout-demo-flutter 프로젝트 이미지

Stars: 1.4천
Forks: 331
최근 푸시(UTC): 2026. 9. 17.
프로젝트 상태: 활성

GITHUB User

Andrea Bizzotto ↗

Flutter GDE ❖ Creator of codewithandrea.com ❖ YouTube: nnbd.me/yt ❖ Complete Dart Course: nnbd.me/dart

https://codewithandrea.comLondon공식 웹사이트 ↗

언어DartSwiftPythonHTMLShellKotlinObjective-C

기술 주제

# flutter # flutter-layouts # youtube # ios # android # dartlang

사용 중인 의존성

의존성 목록 5 개

flutter{"sdk":"flutter"}
flutter_launcher_icons^0.14.4
cupertino_icons^1.0.8
flutter_test개발 의존성{"sdk":"flutter"}
flutter_lints개발 의존성^6.0.0

순위

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

Super Useful Flutter Layouts - Right in Your Pocket. 😉

Update: Flutter web app preview here: https://flutter-layouts-demo.web.app/

YouTube video walkthroughs with explanations here:

Flutter Layouts: Row, Column, Stack, Expanded, Padding

Flutter Layouts: PageView, ListView, GridView, Slivers, Hero Imaegs

This app shows you how to use the most common layouts in Flutter.

You can run this project on your simulator or device.

Oh, and the app itself is built with - guess what - a combination of Flutter layouts. So Meta! 😎

For more articles and video tutorials, check out Code with Andrea.

Table of Contents

Table of Contents

Row / Column

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/row-column.png

Baseline

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/baseline.png

Stack

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/stack.png

Expanded

Wikipedia: Golden Spiral (also: Fibonacci, Golden Ratio).

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/expanded.png

Padding

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/padding.png

PageView

PageView

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/page-view.png

ListView

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/list.png

Slivers

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/slivers.png

Hero Image

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/hero.jpg

Nested Lists

ListView

https://github.com/bizz84/layout-demo-flutter/raw/master/screenshots/nested.png

For more articles and video tutorials, check out Code With Andrea.

License: MIT

Attribution

Youtube Play Icon by Youtube Clipart.