Front-End13 [Flutter] 11. 드롭다운 메뉴 드롭다운 메뉴란 눌렀을때 펼쳐지면서 아래로 선택가능한 목록이 생기는 위젯을 말함. DropdownButton이라는 위젯과 공식문서가 있긴하지만 디자인이 고정되어 있어서 OverlayEntry로 직접 만들어쓰는게 좋음. 친절하신 분 : https://velog.io/@cyb9701/Flutter-OverlayEntry%EB%A1%9C-Dropdown-%EC%A7%81%EC%A0%91-%EB%A7%8C%EB%93%A4%EA%B8%B0 [Flutter] OverlayEntry로 Dropdown 직접 만들기 Dropdown Button Dropdown 버튼은 활성화했을때, 하위 목록들을 보여주는 버튼이다. Flutter에서도 기본적으로 제공하는 Dropdown Button 위젯이 있다. > DropdownBut.. 2024. 3. 21. [Flutter] 10. 토스트, 스낵바 플러터에서는 잠시 생겼다가 사라지는 알림으로 Toast와 Snackbar를 사용할 수 있음. 1. Toast 토스트는 다음과 같이 하단에 잠시 떴다가 사라지는 알림을 의미함. 토스트의 모양이나 내용은 물론, 위치나 지속시간 등 커스텀이 가능함. fluttertoast라는 패키지를 사용함. 공식 문서 : https://pub.dev/packages/fluttertoast fluttertoast | Flutter package Toast Library for Flutter, Easily create toast messages in single line of code pub.dev 2. Snackbar 스낵바는 토스트처럼 잠시 생겼다가 사라지는 알림인건 동일하지만 최하단에서 슥 올라왔다가 슥 내려간다는 점, .. 2024. 3. 16. [Flutter] 09. 카메라 카메라는 camera 패키지를 임포트해야 함. 추가로, OS별로 다음과 같은 추가 작업을 해주어야 사용이 가능함. 예시 코드는 다음과 같음. import 'dart:io'; import 'dart:math' as math; import 'dart:typed_data'; import 'package:camera/camera.dart'; import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:path/path.dart'; import 'package:path_provider/path_provider.dart'; import 'package:http/http.dart' as http; import '../mai.. 2024. 3. 16. [Flutter] 08. 시간 1. 비동기 플러터에서 비동기 작업을 처리할 때는 async와 await 키워드를 사용함. 비동기 함수가 쓰이는 함수에서는 함수명 뒤에 async를 써놔야하고, 비동기 함수 앞에는 await를 써놔야 비동기 작업이 제대로 수행됨. 다음은 그 예시임. // 리턴타입이 없는 경우 void 사용 void main() async { print(await createOrderMessage()); } // 리턴타입이 있는 경우 Future 사용 Future main() async { print(await createOrderMessage()); } 2. 프로세스 일시정지 프로세스를 멈추는 방법에는 sleep() 함수와 Future.delayed() 메소드가 있음. sleep 함수는 프로세스 전체를 완전히 중지시키지.. 2024. 3. 16. [Flutter] 07. Row, Column, GridView 1. Row Row는 말그대로 행렬의 "행"을 뜻하고, children 속성에 들어가는 자식 위젯들이 가로로 한 줄로 나열됨. https://api.flutter.dev/flutter/widgets/Row-class.html Row class - widgets library - Dart API A widget that displays its children in a horizontal array. To cause a child to expand to fill the available horizontal space, wrap the child in an Expanded widget. The Row widget does not scroll (and in general it is considered an er.. 2024. 3. 16. [Flutter] 06. 버튼, 잉크웰 플러터에서 버튼을 만들때 주로 사용되는 위젯은 다음과 같음. ElevatedButton, TextButton, OutlinedButton, IconButton 그리고 Inkwell. 1. ElevatedButton 이렇게 위로 튀어 나와있는 듯한 버튼이 ElevatedButton임. 예전에는 RaisedButton이라고 불렀음. 2. TextButton 이렇게 버튼의 기능을 가지고 있는 텍스트를 TextButton이라고 함. 예전에는 FlatButton이라고 불렀음. 3. OutlinedButton 이렇게 테두리를 가지고 있는 버튼을 OutlinedButton이라고 함. 예전에는 OutlineButton이라고 불렀음. 위 세가지 버튼은 속성 중 style을 버튼종류.styleFrom()으로 지정해서 커스.. 2024. 3. 16. 이전 1 2 3 다음
