Study Record

✍ FutureBuilder Widget 네트워크 통신이 필요한 작업 등 비동기로 작업한 이후 UI를 업데이트를 해야 할 경우가 있다면 유용한 위젯이다. FutureBuilder({ Key? key, Future? future, T? initialData, required Widget Function(BuildContext, AsyncSnapshot) builder, }) future에 비동기로 할 작업을 정의하고 builder에 future에 작업이 끝나기 전 보여줄 Widet , 끝난 후 보여줄 Widget을 정의하면 된다. 데이터 타입 T는 비동기 작업 후 반환할 데이터 타입으로 initialData는 future 작업이 끝나기 전 초기 데이터를 정의할 수 있다. 예를 들어, 코드가 다음과 같으면,..

✍ AlterDialog Material Design의 AlterDialog이다. ShowDialog()로 AlterDialog를 띄울 수 있다. 제목(title)과 내용(content), 하단 버튼(actions)을 만들 수 있다. showDialog( context: context, builder: (context) { return AlertDialog( title: const Text("AlertDialog", style: TextStyle(color: Colors.red)), content: Text("다이얼로그 테스트 입니다.", style: TextStyle(color: Colors.black)), actions: [ TextButton( onPressed: () {Navigator.of(co..

✍ Stack Class 자식 위젯들을 중복으로 겹쳐서 위치시킬 수 있다. 별도로 방향을 정해주지 않으면 상단 왼쪽(topStart)에 위젯들이 겹쳐 정렬된다. Stack({ Key? key, AlignmentGeometry alignment = AlignmentDirectional.topStart, TextDirection? textDirection, StackFit fit = StackFit.loose, Clip clipBehavior = Clip.hardEdge, List children = const [], }) ※ alignment import 'package:flutter/material.dart'; void main() { runApp(MaterialApp(home: HomeScreen())..

https://pub.dev/packages/google_maps_flutter google_maps_flutter | Flutter Package A Flutter plugin for integrating Google Maps in iOS and Android applications. pub.dev https://pub.dev/packages/geolocator geolocator | Flutter Package Geolocation plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API for generic location (GPS etc.) functions. pub.dev

✍ video_picker https://pub.dev/packages/video_player video_player | Flutter Package Flutter plugin for displaying inline video with other Flutter widgets on Android, iOS, and web. pub.dev 1. 초기 세팅 flutter pub add video_player 터미널에서 위와 같은 명령어를 실행하거나 직접 pubspec.yaml 파일에 video_player: ^2.5.1 을 입력한다. 그런 다음 [Pub get] 버튼을 누르면 초기 세팅이 완료된다. 2. 사용법 비디오를 재생하기 위해서는 VideoPlayerController 와 VideoPlayer()가 필요..

🎁 image_picker https://pub.dev/packages/image_picker#handling-mainactivity-destruction-on-android image_picker | Flutter Package Flutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera. pub.dev 갤러리에서 파일을 가져오거나 직접 카메라를 이용해 사진, 비디오를 찍어 파일을 쉽게 가져올 수 있다. 😶 초기 세팅 $ flutter pub add image_picker 터미널에 다음과 같이 명령어를 치거나 pubspec.yaml 에 image_picker..

✍ Container 일반적인 그림 그리기, 위치 지정 및 크기 조정을 편리하게 해주는 위젯이다. Container({ Key? key, AlignmentGeometry? alignment, EdgeInsetsGeometry? padding, Color? color, Decoration? decoration, Decoration? foregroundDecoration, double? width, double? height, BoxConstraints? constraints, EdgeInsetsGeometry? margin, Matrix4? transform, AlignmentGeometry? transformAlignment, Widget? child, Clip clipBehavior = Clip.non..

✍ Gradient Class 2D gradient를 위한 인터페이스로 BoxDecoration에서 LinearGradient, RadialGradient, SweepGradient 를 사용할 수 있게 해 준다. ✍ LinearGradient 선형 그러데이션 효과를 줄 수 있다. 시작점(begin) 과 끝점(end)의 두 개의 포인트가 있는데 시작점은 0.0 에 해당하고 끝점은 1.0 에 해당한다. 리스트로 설정된 colors 들을 참고하여 시작점에서 끝점까지 그라데이션 효과를 준다. 단순하게 Alignment.topLeft 등 숫자가 아닌 위치로 나타내도 된다. LinearGradient({ AlignmentGeometry begin = Alignment.centerLeft, AlignmentGeome..