Card : 앨범, 주소, 연락처 등 세부사항과 일부 관련 정보를 같이 표시하는데에 사용하며, 디자인 요소가 추가된 컨테이너라고 볼 수 있다. 또한, 액션 이벤트를 갖고있지않기때문에, 액션이벤트가 필요할 경우, 다른 위젯들과 같이 사용해야한다. 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'..

ListView (separated) : 리스트뷰에 사용할 수 있는 생성자로 Builder, custom, separated 가 있는데, 리스트사이에 구분자를 넣을 수 있다. 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: Colo..

ListView (Builder) : 리스트뷰에 사용할 수 있는 생성자로 Builder, custom, separated 기 있는데, 그 중에서 Builder를 제일 많이 사용하며, itemCount를 통해 들어간 값만큼 for문으로 반복하여 출력하는 형태 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: 'Flutte..

Drawer : "햄버거 바"로고도 불리며, 클릭 시 우측에서 메뉴가 표시되어 다양한 기능을 접근할 수 있게 한다. 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: VisualDen..

Bottom Sheet : 하단에서 페이지가 슬라이드로 올라오는 기능 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.adaptivePlatformDensi..