Layout : 각 섹션 설계 1) 이미지 섹션 2) 타이틀 섹션 3) 버튼 섹션 4) 텍스트 섹션 main.dart 더보기 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adap..

Stack : 화면의 크기 확인, 패딩값, 텍스트 사이즈 등의 여러가지 시스템정보를 담고있음. main.dart 더보기 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptiv..

MediaQuery : 화면의 크기 확인, 패딩값, 텍스트 사이즈 등의 여러가지 시스템정보를 담고있음. main.dart 더보기 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.ad..

ScrollBar : 스크롤 위젯에 현재 사용자가 어느 부분을 알려주는 막대를 추가 main.dart 더보기 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatf..

ListTile : 3줄정도의 텍스트를 아이콘과 같이 출력하기 좋은 위젯으로 1개의 ListView 에 여러개의 ListTile을 포함하는 형태로 사용한다. main.dart 더보기 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, v..

Card + ListTile : 스크롤이 가능한 카드와 리스트뷰 위젯을 합친 형태 main.dart 더보기 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatfo..