ElevatedButton -배경색을 가진 일반적인 버튼 -onPressed() 하수에 원하는 액션 지정 가능 OutlinedButton -배경이 투명하고 외곽선을 가진 버튼 TextButton -텍스트를 사용한 심플한 버튼 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return const MaterialApp( title: '..

ListView , ListWidget이란? ->ListView와 ListTile은 같이 사용하여 사이드 메뉴 리스트를 추가할수있다. ListView -리스트를 표시하는 위젯 -ListTile 위젯과 함께 사용하면 편리함. -scrollDirection: 스크롤 방향 -children : 목록 내용들 ListTile -leading,title,subtitle,traling 프로퍼티를 사용하여 왼쪽,중앙,오른쪽 에 손쉽게 아이콘이나 글자를 배치 할수있다. -onTap 프로퍼티를 사용하여 탭 했을때 동작 지정 가능 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessW..

Column vs ListBody Column을 사용해 위젯들을 나열하다 보면 화면의 크기를 넘어설 수 있다. 이때, 스크롤 기능이 필요하다. 이 위젯은, 하나의 자식을 스크롤할 수 있게 하는 위젯이다. 보통 column보다는 ListBody를 사용해 스크롤 위젯을 만든다. column은 위젯의 크기만큼 가로 길이를 가져 스크롤 가능 영역이 좁을 수 있기 때문이다. Colunm을이용한 SingleChildScroolView import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget..

Expanded Row나 Column 위젯을 사용하다보면 Expanded라는 요소를 써야할때가잇다고한다. -자식 위젯의 크기를 최대한으로 확장시켜주는 위젯. -flex 프로퍼티의 값으로 비율을 설정 -기본값은 1 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( // This method is rerun every time setState is called, for instance a..

-Container 특정 공간의 배경색,위치, 정렬, 크기 지정 등 다양한 기능을 가진 위젯으로 가장 많이 사용하는 위젯 중 하나입니다. Container위젯 생성 결과물 -> 핫리로드를하면 Scaffold 의 배경색이 컨테이너 배경색에 가려지게된다. 자식이 없을경우 컨테이너 위젯이 공간을 다 차지하게된다. 그러면 자식이 잇을경우 어떻게될까? 한번 알아보겟습니다 Container위젯의 크기가 child 크기로 줄엇다. Container위젯을 다른 위젯으로 감싸보겟습니다. body:Center안에 Continer를 생성하고 Text를 입력햇습니다. 명확히 구분하기위해서 스캐폴드 배경색을 indigo로 주었고, Container 배경색은 deepOrange를 주엇다. body는 center로 text값을 입..