나만을 위한 블로그

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를 써서 새 경로를 지정하면 머티리얼 디자인 모션 사양에 설명된 대로 이미지가 곡선 경로를 따라 날아간다 아래는 플러터 문서에서 링크된 깃허브로 이..

격자 형태의 뷰를 플러터에서 구현하려면 GridView 클래스를 사용해서 구현할 수 있다. https://api.flutter.dev/flutter/widgets/GridView-class.html GridView class - widgets library - Dart APIA scrollable, 2D array of widgets. The main axis direction of a grid is the direction in which it scrolls (the scrollDirection). The most commonly used grid layouts are GridView.count, which creates a layout with a fixed number of tiles in the ..

제목의 2가지 키워드는 함수 포스팅에서 잠깐 나왔었다. https://onlyfor-me-blog.tistory.com/737 [Dart] 함수(Function) 알아보기Dart에도 당연히 함수는 존재한다. 그러나 사용법이 자바 / 코틀린과 매우 달라서 주의깊게 확인할 필요가 있다. 공식문서부터 쭉 읽어본다. https://dart.dev/language/functions Functions Everything about functiononlyfor-me-blog.tistory.com 이번엔 이 2가지 키워드에 대해 알아본다. 관련 공식문서는 아래를 확인한다. https://dart.dev/language/functions#parameters FunctionsEverything about functions..

리스트뷰로 여러 아이템을 표시하는 뷰를 만든 뒤 한쪽으로 스와이프해서 지우는 기능을 만들어야 할 수 있다. 이 때 사용할 수 있는 방법이 리스트뷰 안에서 Dismissible이란 위젯을 사용하는 것이다. https://api.flutter.dev/flutter/widgets/Dismissible-class.html Dismissible class - widgets library - Dart APIA widget that can be dismissed by dragging in the indicated direction. Dragging or flinging this widget in the DismissDirection causes the child to slide out of view. Followin..

※ 다른 화면으로 값을 이동시키는 방법은 이것만 있는게 아님에 주의한다 이 포스팅에선 TextField에 뭔가를 입력한 뒤 버튼을 누르면 입력한 값을 갖고 화면을 이동하는 방법에 대해 확인한다.코드는 아래와 같다. 먼저 TextField다. 간단하게 만들었다. import 'package:flutter/material.dart';class BasicTextField extends StatelessWidget { const BasicTextField({ super.key, required this.myController, }); final TextEditingController myController; @override Widget build(BuildContext context) { ..

Compose의 Row와 같이 플러터의 Row도 위젯들을 가로로 배치하는 역할을 하는 위젯이다. Column은 세로로 배치한다.Container와 같이 기본 위젯에 속하는 위젯으로 여러 자식들을 받기 위해 child 프로퍼티가 아닌 children 프로퍼티를 필수 구현하고, 그 값으로 위젯들의 배열을 넘겨야 한다.아래는 Row의 공식문서다. https://api.flutter.dev/flutter/widgets/Row-class.html Row class - widgets library - Dart APIA widget that displays its children in a horizontal array. To cause a child to expand to fill the available horiz..

Container는 플러터의 위젯 카탈로그 중 기본 위젯에 속하고 painting, 위치 설정과 크기 조정 위젯을 결합한 위젯이다.Scaffold 안에 화면을 만들 때 부모 위젯으로 사용할 수 있는데 공식문서에선 어떻게 설명하는지 확인한다. https://api.flutter.dev/flutter/widgets/Container-class.html Container class - widgets library - Dart APIA convenience widget that combines common painting, positioning, and sizing widgets. A container first surrounds the child with padding (inflated by any borde..

플러터에 외부 패키지를 설치하거나 이미지, 에셋 등의 폴더 경로를 알리려면 pubsec.yml 파일을 수정한다.그런데 이 파일은 이럴 때만 수정하려고 있는 건 아닐 것이다. 근본적으로 이 파일은 뭔가?아래는 pubspec 파일에 대한 공식문서다. https://docs.flutter.dev/tools/pubspec Flutter and the pubspec fileDescribes the Flutter-only fields in the pubspec file.docs.flutter.dev모든 플러터 프로젝트에는 pubspec.yaml 파일이 포함돼 있다. 새 프로젝트를 만들면 기본적으로 생성된다. 프로젝트 트리의 맨 위에 위치하고 dart, 플러터가 알아야 하는 프로젝트의 메타데이터를 제공한다. 사람이 ..