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..

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..