나만을 위한 블로그

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

가끔 이런 에러가 뜨면서 코드 내에서 BuildConfig을 사용할 수 없는 경우가 있다.자동 임포트 설정을 하지 않았거나 그 코드에서만 안 된 거라면 임포트해서 쓰면 되지만, 그렇게 해도 안 될 경우 2가지 방법을 쓸 수 있다. 1. app gradle > buildFeatures에 "buildConfig = true" 추가 먼저 앱 수준 gradle 파일의 buildFeatures 블록 안에 buildConfig = "true"를 추가해서 확인해볼 수 있다. buildFeatures { compose = true buildConfig = true} 컴포즈를 사용 중인 프로젝트라면 compose = true는 기본으로 있을 텐데, 그 밑에 그냥 써주면 된다. 레거시 뷰 프로젝트라면 이 블록이..

이 글은 아래의 미디엄 링크를 번역한 포스팅이다. https://proandroiddev.com/the-best-way-to-load-data-in-viewmodels-a112ced54e07 The best way to load data in ViewModelsSimplicity is key. Sadly, it is also one of the hardest things to achieve in software development. Learn how to easily load data in 2024.proandroiddev.com 아래는 수정할 코드다. sealed interface ViewState { data class Success(val text: String, val counter: Int)..

바텀 네비게이션 바가 아니라 버튼을 눌렀을 때 화면을 이동하는 방법을 확인한다.바텀 네비게이션 바로 화면 이동을 구현한 코드와 같은 코드를 쓰기 때문에 세세한 코드는 이전 포스팅을 참고한다. https://onlyfor-me-blog.tistory.com/764 [Android Compose] 컴포즈 화면 이동 구현하는 법2024.09.10 - 의존성, 코드 수정 Compose를 사용하지 않는다면 인텐트와 startActivity()를 써서 다른 액티비티로 이동할 수 있었다.하지만 Compose에선 startActivity() 대신 네비게이션 라이브러리를 써서 화onlyfor-me-blog.tistory.com 아래는 전체 예시 코드다. import android.os.Bundleimport androi..

2024.09.10 - 의존성, 코드 수정 Compose를 사용하지 않는다면 인텐트와 startActivity()를 써서 다른 액티비티로 이동할 수 있었다.하지만 Compose에선 startActivity() 대신 네비게이션 라이브러리를 써서 화면 이동을 구현한다. 코드를 보기 전에 왜 Compose에선 이딴이런 식으로 화면 이동을 구현해야 하는 것인가?이 글을 보는 사람이라면 Compose가 선언형 방식으로 UI를 구성한다는 건 알고 있을 것이다. 이 특징 때문에 네비게이션 라이브러리를 사용하는 것이다.안드로이드의 전통적인 화면 전환 방법인 startActivity()는 명령형 프로그래밍 패러다임을 따르는 함수다. 그래서 선언형 프로그래밍 패러다임인 Compose와는 잘 맞지 않는다. 안드로이드 공식문..

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) { ..