나만을 위한 블로그

XML 뷰에선 간단하게 쓸 수 있던 스낵바가 Compose에선 좀 번거롭다. 아래는 스낵바를 사용하는 예시 컴포저블이다. @Composablefun SnackBarExample() { val snackBarHostState = remember { SnackbarHostState() } val coroutineScope = rememberCoroutineScope() Scaffold( snackbarHost = { SnackbarHost(hostState = snackBarHostState) } ) { innerPadding -> Column( modifier = Modifier .padding(innerPaddi..

격자 형태의 뷰를 플러터에서 구현하려면 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..

플러터에 흥미가 생겨서 첫 인강을 뭘 들을지 보다가 아래 인강을 찾았다. https://www.udemy.com/course/flutter-bootcamp-with-dart/?couponCode=KEEPLEARNING Angela라는 강사가 플러터가 무엇인지, 윈도우 / 맥에 어떻게 설치하는지부터 시작해서 여러 앱을 만들며 플러터의 위젯, 비동기 통신 방법, 파이어베이스 사용법을 알려주는 인강이다.지금은 모두 완강하고 Provider 패키지가 이해가 덜 되서 이 부분과 다른 이해가 안 됐던 부분들을 따로 공부하면서 2번째 플러터 인강을 듣고 있다. 완강 후 느낀 장단점은 아래와 같다. 장점 1. 강의력 : 인강도 강사 나름인데 이 강사는 실생활 예시를 들어가면서 플러터를 설명해줘 이해하는 데 어렵지 않았..

플러터에 외부 패키지를 설치하거나 이미지, 에셋 등의 폴더 경로를 알리려면 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, 플러터가 알아야 하는 프로젝트의 메타데이터를 제공한다. 사람이 ..

먼저 AppBar를 설명하는 공식문서부터 먼저 확인한다. https://api.flutter.dev/flutter/material/AppBar-class.html AppBar class - material library - Dart APIA Material Design app bar. An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar. App bars typically expose one or more common actions with IconButtons which are optionally followed by a PopupMenuButton forapi.flutt..