나만을 위한 블로그

※ 갤럭시 기기, iOS 에뮬레이터에서 작동 확인 우선 pubspec.yaml에 라이브러리 몇 개를 추가해야 한다. 아래 문서를 보고 필요한 라이브러리를 추가한다. https://mings.in/retrofit.dart/ retrofit - Dart API docsRetrofit For Dart retrofit.dart is a type conversion dio client generator using source_gen and inspired by Chopper and Retrofit. Usage Generator Add the generator to your dev dependencies dependencies: retrofit: ^4.9.0 logger: ^2.6.0 # for logging pu..

Slider 예시 코드는 아래와 같다. import 'package:flutter/material.dart';class SliderTest extends StatefulWidget { const SliderTest({super.key}); @override State createState() => _SliderTestState();}class _SliderTestState extends State { double currentVolume = 0; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text("Slider 예시")), body: Center( ..

이 포스팅은 아래 링크를 바탕으로 작성했다. https://docs.flutter.dev/get-started/fundamentals/user-input Handling user inputLearn how to handle user input in Flutter.docs.flutter.dev 플러터는 유저가 앱과 상호작용해서 상태를 바꿀 수 있게 여러 위젯을 제공한다. 스크롤 등 일부 유저 입력 메커니즘은 아래 링크를 참고한다. https://docs.flutter.dev/get-started/fundamentals/layout LayoutsLearn how to create layouts in Flutter.docs.flutter.dev 플러터는 안드로이드의 Material, iOS의 Cupertino..

플러터 앱 구현 중 핸드폰을 흔들었음을 감지해야 하는 경우 shake 라이브러리로 구현할 수 있다.아래는 pub.dev 링크와 예시다. https://pub.dev/packages/shake shake | Flutter packageA flutter package to detect phone shakes. Adjustable G-force and reset periods.pub.devflutter pub add shake 추가만 하면 별도의 설정 없이 바로 흔들기를 감지할 수 있다.아래는 pub.dev에 있는 예시다. import 'package:flutter/material.dart';import 'package:shake/shake.dart';void main() { runApp(const MyAp..

플러터를 최신 버전으로 업그레이드하려고 설치했던 플러터를 제거한 다음 새로 설치한 후 안드로이드 스튜디오에서 플러터 프로젝트를 만들었는데 .idea 폴더만 딸랑 생성됐다.또한 cmd에서 flutter doctor를 실행하니 에러가 발생하면서 cmd가 빠르게 꺼졌다.에러가 발생한 것 같은데 에러 내용도 확인하지 못하고 cmd가 꺼져서 전체 에러는 확인하지 못했지만 아래와 같이 표시됐다. vs code에선 아래 메시지가 표시됐다. 아마 같은 에러일 거라 생각하고 어떻게 해결할까 하는데 중간에 깃 명령어가 보였다. git config --global --add safe.directory C:/flutter 에러 문구도 의심되는 소유권이 감지됐다는 내용이고 소유주가 서로 다르게 표시되어 깃 명령어를 실행하면..

플러터 인강을 듣는데 ListView.builder()를 아래처럼 구현하는 게 보였다. @overrideWidget build(BuildContext context) { return ListView.builder( shrinkWrap: true, physics: NeverScrollableScrollPhysics(), ... ), );} 플러터는 처음이라 그냥 저런 방식으로도 구현하는 거겠거니 하고 넘겼다. 완강 후 같은 강의를 듣는 동생한테 이 옵션 쓰는 거 안 좋은 거 같다는 말을 들어서 찾아본 내용을 정리한다.먼저 플러터 문서는 shrinkWrap 프로퍼티를 아래와 같이 설명한다. https://api.flutter.dev/flutter/widgets/Scroll..

https://dart.dev/language/typedefs TypedefsLearn about type aliases in Dart.dart.dev타입 별칭(type alias)은 typedef 키워드로 선언되고 타입을 간결하게 참조하는 방법이다. IntList라는 타입 별칭을 선언하고 쓰는 예는 아래와 같다 typedef IntList = List;IntList il = [1, 2, 3]; 타입 별칭은 타입 파라미터를 가질 수 있다 typedef ListMapper = Map>;Map> m1 = {}; // 장황함ListMapper m2 = {}; // 같은 내용을 더 짧고 명확하게 2.13 이전엔 typedef가 함수 타입으로만 제한됐다. 새 타입 정의를 사용하려면 최소 2.13 이상의 버전을 써..

GlobalKey는 클래스로 공식문서의 설명은 아래와 같다. https://api.flutter.dev/flutter/widgets/GlobalKey-class.html GlobalKey class - widgets library - Dart APIA key that is unique across the entire app. Global keys uniquely identify elements. Global keys provide access to other objects that are associated with those elements, such as BuildContext. For StatefulWidgets, global keys also provide access to State. Wiapi..

플러터에서 바텀 시트를 표시하는 함수는 2가지 있다. showBottomSheetshowModalBottomSheet 2가지를 모두 확인해 본다. 아래는 showBottomSheet()의 공식문서다. https://api.flutter.dev/flutter/material/ScaffoldState/showBottomSheet.html showBottomSheet method - ScaffoldState class - material library - Dart APIPersistentBottomSheetController showBottomSheet( WidgetBuilder builder, { Color? backgroundColor, double? elevation, ShapeBorder? shape,..

Hero 애니메이션은 안드로이드에서 공유 요소 전환과 같은 효과를 내는 애니메이션이다.  Hero 애니메이션의 공식문서부터 먼저 확인한다. https://docs.flutter.dev/ui/animations/hero-animations Hero animationsHow to animate a widget to fly between two screens.docs.flutter.dev한 화면에서 다른 화면으로 이미지를 이동하는 걸 Hero 애니메이션이라 하며 공유 요소 전환이라고도 한다. Hero 위젯을 써서 쉽게 구현할 수 있고 MaterialPageRoute를 써서 새 경로를 지정하면 머티리얼 디자인 모션 사양에 설명된 대로 이미지가 곡선 경로를 따라 날아간다 아래는 플러터 문서에서 링크된 깃허브로 이..