전체 글131 [Flutter] Toast위젯(함수)에 대해서 1. Toast 위젯 개요 Flutter의 Toast 위젯은 사용자에게 간단한 메시지를 짧게 띄워 보여주는 데 사용되는 유용한 위젯. 토스트 메시지는 일반적으로 화면 아래쪽에 나타나며, 정보 전달, 알림, 피드백 제공 등 다양한 용도로 활용. 2. Toast 위젯 사용 방법 Toast 위젯을 사용하기 위한 단계1) fluttertoast 패키지 설치2) Toast 메시지 작성3) Toast 위젯 표시 3. Toast 위젯 속성 및 커스터마이징 Toast 위젯은 다양한 속성을 제공하여 원하는 대로 디자인하고 사용자 경험을 맞춤 설정할 수 있다.속성설명toasLength메시지 표시 시간 (LENGTH_SHORT, LENGTH_LONG)gravity메시지 위치 (TOP, CENTER, BOTTO.. 2024. 4. 20. [Flutter] Stack위젯(함수)에 대해서 목차 1. Stack 위젯 개요 2. Stack 위젯 사용 예시 3. Stack 위젯 고급 기능 4. Stack 위젯 사용 시 주의 사항 5. Stack 위젯 활용 사례 1. Stack 위젯 개요? 1) 기능 여러 위젯을 겹쳐 배치하고 위치, 크기, 정렬을 제어. 2) 주요 속성 속성 설명 children 겹쳐 배치할 위젯 목록 olignment 위젯 배치 방식(ex. Alignment.topLeft, Alignment.center) textDirection 위젯 배치 방향(ex. TextDirection.ltr, TextDirection.rtl) fit Stack 영역에 위젯을 맞추는 방식(ex. StackFit.loose, StackFit.tight) overflow Stack 영역을 넘어서는 위젯 .. 2024. 4. 18. [Flutter] FloatingActionButton위젯(함수)란? 목차 1. 소개 2. 속성(Properties) 1) onPressed 2) backgroundColor 3) foregroundColor 4) child 3. 위치 설정(Positioning) 1) 기본 위치 설정 2) 위치 조정 4. 모양 설정(Shape) 1) Shape 설정 2) Shape 변경 5. 사용 예제(Example) 1. 소개 Flutter의 FloatingActionButton 위젯은 화면에 부각된 행동을 나타내는 둥근 버튼을 생성하는 데 사용됩니다. 주로 앱의 주요 작업 또는 사용자 상호 작용을 트리거하는 데 사용됩니다. 이 위젯은 Scaffold 위젯 내에서만 사용할 수 있습니다. 2. 속성(Properties 속성 설명 onPressed FloatingActionButton을 눌.. 2024. 4. 14. [Flutter] AppBar위젯(함수)에 대해 1. AppBar란? 1) AppBar의 역할 2) AppBar의 구성요소 2. AppBar위젯 속성 1) title 2) actions 3) backgroundColor 4) leading 5) bottom 6) elevation 7) centerTitle 8) automaticallyImplyLeading AppBar란? AppBar의 역할 AppBar는 Flutter 앱의 상단에 위치하며 앱의 기본적인 내비게이션 구성 요소 중 하나. 사용자에게 현재 화면의 정보를 제공하고 앱 내의 다양한 기능을 수행할 수 있는 작은 도구 모음을 제공. AppBar의 구성요소 구성요소 설명 title AppBar 상단에 표시되는 제목 actions AppBar 우측에 표시되는 작은 아이콘 또는 버튼 backgroun.. 2024. 4. 11. [Flutter] Center위젯(함수) 목차 1. Center위젯의 기능 1) 화면 가운데 정렬 2) 자식 위젯과 함께 사용 3) Center위젯의 속성 2. 사용예시 1) 기본 사용 예시 2) 자식 위젯과 함께 사용하는 예시 3. 주의사항 1) 중첩 사용 시 주의사항 2) 성능 고려사항 1. Center위젯의 기능 1) 화면 가운데 정렬 Center 위젯은 자식 위젯을 화면의 중앙에 정렬. 이는 모든 플랫폼에서 일관된 가운데 정렬을 보장한다. 2) 자식 위젯과 함께 사용 Center 위젯은 다양한 자식 위젯과 함께 사용될 수 있다. 텍스트, 이미지, 그리고 다른 복합적인 위젯들을 가운데 정렬할 수 있다. 3) Center위젯의 속성 속성 설명 child 가운데로 정렬할 자식 위젯을 지정 widthFactor 자식 위젯의 너비를 조절하기 위한.. 2024. 4. 8. [Flutter] IconButton위젯(함수) 목차 1. IconButton 위젯 개요 1) 소개 2) 주요 특징 3) 사용 사례 4) 장단점 2. IconButton 위젯 사용 방법 1) IconButton 생성 2) 아이콘 및 이벤트 처리 추가 3) IconButton 속성 3. IconButton 위젯의 예제 코드 1) 기본적인 IconButton 사용 예제 2) IconButton에 아이콘 및 이벤트 처리 추가 예제 4. IconButton와 다른 위젯과의 비교 1) ElevatedButton과의 비교 2) FlatButton과의 비교 3) 기타 위젯과의 비교 5. IconButton의 고급 사용법과 팁 1) IconButton의 크기 및 색상 변경 2) IconButton 커스터마이징 3) IconButton의 최적화 방법 1. IconBu.. 2024. 4. 4. 이전 1 2 3 4 5 6 7 8 ··· 22 다음